sapui5ウォークスルー11-15

11 ステップ11：ページとパネル

App.view.xmlを変更

< MVC：ビュー
    コントローラ名= "sap.ui.demo.walkthrough.controller.App" 
   のxmlns = "sap.m" 
   のxmlns：MVC = "sap.ui.core.mvc" 
  displayBlock = "真" > 
   < アプリケーション> 
      < ページ> 
         < ページタイトル= "{I18N> homePageTitle}" > 
            < 内容> 
               < パネル
                   headerText = "{I18N> helloPanelTitle}" > 
                  < 内容> 
                     < ボタン
                         テキスト= "{I18N>showHelloButtonText}」 
                        プレス= "onShowHello" /> 
                     < 入力
                         値= "{/受信者/名前}" 
                        説明= "こんにちは{/受信者/名前}" 
                        valueLiveUpdate = "true"の
                        幅= "60％" /> 
                  </ コンテンツ> 
               </ パネル> 
            </ コンテンツ> 
         </ ページ> 
      </ ページ> 
   </ アプリケーション> 
</ MVC：見ます>

これは、新しいコントロールのsap.m.Pageを使用しています。

ページ制御は、重合がコンテンツであり、nは重合0を提供します。

ページのページsap.m.Appは、重合中に置かれ、そしてsap.m.Appも2つの重要な機能を提供します。

これらの属性は、モバイルデバイス上の適切な表示のために必要であるindex.htmlを1、属性のいくつかは、頭を書き込みます。

ページ間を移動するアニメーションの機能を提供します2。

正常に動作しているフルスクリーンの高さを表示するために、displayBlockプロパティを追加しました。

コントロールパネルがデフォルトとして宣言するので、パネルのコンテンツでは、省略することもできるが、読みやすくするために、ディスプレイは、コンテンツの宣言を集約します。

コントロール書かれた注文XMLView

XMLViewでは、先頭の大文字のコントロールがあり、そのような<リスト>として非制御の冒頭に小文字が、そこにある、<項目>があります。

< MVC：ビュー
     コントローラ名= "sap.m.sample.ObjectListItem.List" 
    のxmlns：MVC = "sap.ui.core.mvc" 
    のxmlns = "sap.m" > 
    < リスト
         項目= "{/ ProductCollection}" 
        headerText = "製品" > 
        < 商品> 
            < ObjectListItem
                 タイトル= "{名前}" 
                タイプ= "アクティブ" 
                を押し= "onListItemPress" 
                番号= "{  
                    部品：[{パス： '価格'}、{パス：」通貨コード'}]、
                    タイプ： 'sap.ui.model.type.Currency'、
                    formatOptions：{showMeasure：偽} 
                } " 
                numberUnit = "{CURRENCYCODE}" > 
                < firstStatus > 
                    < ObjectStatusの
                         テキスト= "{ステータス}" 
                        状態=" { 
                            パス： 'ステータス'、
                            フォーマッタ：「SAP .m.sample.ObjectListItem.Formatter.status' 
                        } "  /> 
                </ firstStatus > 
                < 属性> 
                    < ObjectAttributeのテキストを="{WeightMeasure} {WeightUnit}」  /> 
                    <ObjectAttributeのテキスト= "{幅} X {深} X {高} {DimUnit}"  /> 
                </ 属性> 
            </ ObjectListItem > 
        </ 商品> 
    </ リスト> 
</ MVC：表示>

大文字は小文字で始まることは集計をされ、コントロールの始まりです。

オブジェクトの多くを置くことができるコントロールは、集計が一緒にこれらのオブジェクトにあります。

オープンAPI、あなたは集計の一覧を見ることができます。ここでは、すべてのすべて小文字集計の始まりを見ることができ、あなたは、<項目>を見ることができます。

上記の例では、コードは、<商品>オブジェクトがObjectListItemていることが分かります。型sap.m.ListItemBaseの項目の地図上をクリックしてください。そこには、ListItemBaseサブクラスObjectListItemを見ることができます。

したがって、順序は、このような方法で書かれます：

コントロール集計管理集計...

コントロールがデフォルトとしてそれを宣言しますので、上記の例では、<項目>エラーは、書かないことはありませんが、読みやすくするために、我々は集計を、対応するコントロールを追加する必要があります。

11 ステップ11：ページとパネル

おすすめ