1

今週、SproutCore の学習を開始しました。フレームワークはとても気に入っていますが、学習教材がないのは嫌いです。ほとんどのガイドを読んだ後、何かを構築しようとすることで学ぶことにしました。ボタンを含む小さな GridView を作成しましたが、ボタンが歪んでいるように見え、各ボタンの下にラベルのない青いコピーがあり、ピンクの線がいくつかあります。これは何ですか？どうしてこれなの？どうすればそれを取り除くことができますか？

関連コード:

buttons: SC.GridView.design({
  layout: { centerX: 0, top: 40, width: 300, height: 120 },
  columnWidth: 120,
  rowHeight: 58,
  contentBinding: SC.Binding.oneWay('Calculator.buttons'),
  exampleView: SC.ButtonView.extend({
    titleBinding: SC.Binding.oneWay('.content')
  })
})

と：

Calculator.buttons = '1 2 3 4 5 6 7 8 9 0 + - / x ='.w()
4

1 に答える 1

1

ボタンやその他のスタイル付きウィジェットの多くは、テーマによって定義された特定の高さを持っています。次のいずれかに一致するように、controlSize とボタンの高さ (この場合は GridView の rowHeight) を設定します。

  • SC.SMALL_CONTROL_SIZE: 18px
  • SC.REGULAR_CONTROL_SIZE: 24px
  • SC.HUGE_CONTROL_SIZE: 30px
  • SC.JUMBO_CONTROL_SIZE: 44px

例えば：

buttons: SC.GridView.design({
  layout: { centerX: 0, top: 40, width: 300, height: 120 },
  columnWidth: 120,
  rowHeight: 44,
  contentBinding: SC.Binding.oneWay('Calculator.buttons'),
  exampleView: SC.ButtonView.extend({
    titleBinding: SC.Binding.oneWay('.content'),
    controlSize: SC.JUMBO_CONTROL_SIZE
  })
})

テーマで使用されるすべての画像は、いくつかのマスター ファイルに分割され、タイル化された画像のどの部分を表示するかを選択するために CSS が使用されます。表示されているのは、グラフィックが「オーバーフロー」しており、他の用途を意図した画像の一部が表示されていることです。それは十分に理にかなっていますか？

于 2013-05-27T16:26:46.120 に答える