2016-06-28 8 views
0

に垂直スクロールバーを挿入することができます。だから、私はScrollViewを挿入し、垂直スクロールバーを表示します。は、どのように私は今、私は、このウィンドウの内容は、デバイスの大きいにあるため、1つのウィンドウでscrollviewを設定したいチタン</p> <p>を使用してアプリケーションを構築していますチタン

だから私はこのコードを構築しています:

<Alloy> 
    <Window id="indexWindow" orientation="Titanium.UI.UPSIDE_PORTRAIT" fullscreen="false"> 
     <ScrollView id="scrollView" showVerticalScrollIndicator="true" 
      showPagingControl= "true" showHorizontalScrollIndicator="true" height="80%" width="80%"> 

     <View class="container" layout="vertical"> 
      <!-- title --> 
      <Label id="titleDatiAnagrafici" class="labelTitle" ></Label> 

      <!-- personal data --> 
      <TableView id="form_table" height="Titanium.UI.SIZE"> 

       <TableViewRow id="name_row" class="row_item" layout="horizontal"> 
        <Label id="name_label" class="label" /> 
        <Label text="Mario" class="labelData"/> 

        <Label id="surname_label" class="label" left="20px"/> 
        <Label text="Rossi" class="labelData"/> 
       </TableViewRow> 

       <TableViewRow id="name_row" class="row_item" layout="horizontal"> 
        <Label id="address_label" class="label" /> 
        <Label text="via Cereate 8, Milano" class="labelData"/> 

       </TableViewRow> 

       <TableViewRow id="name_row" class="row_item" layout="horizontal"> 
        <Label id="phone_label" class="label"/> 
        <Label text="333111222" class="labelData"/> 
       </TableViewRow> 

      </TableView> 



     </View> 
     </ScrollView> 
    </Window> 
</Alloy> 

をしかし、私は垂直スクロールバーを表示することはできません。ドキュメントに応じて

+0

あなたは私はあなたが – Nestoraj

+0

間違ってはい、私は、コードをコピーして間違って持っているので、私は今、自分の投稿を編集している – bircastri

+0

はあなたがビューを表示することができますか?それをコピーした推測だけタグを持っていないあなたのコードを確認してくださいまたは、スクロールバーが表示されない – Nestoraj

答えて

1

ビューのheightプロパティを使用する必要があります。

<Window id="indexWindow" orientation="Titanium.UI.UPSIDE_PORTRAIT" fullscreen="false"> 
    <ScrollView id="scrollView" showVerticalScrollIndicator="true" 
     showPagingControl= "true" showHorizontalScrollIndicator="true" height="80%" width="80%"> 

    <View class="container" layout="vertical" height="2000"> 
     <!-- title --> 
     <Label id="titleDatiAnagrafici" class="labelTitle" ></Label> 

     <!-- personal data --> 
     <TableView id="form_table" height="Titanium.UI.SIZE"> 

      <TableViewRow id="name_row" class="row_item" layout="horizontal"> 
       <Label id="name_label" class="label" /> 
       <Label text="Mario" class="labelData"/> 

       <Label id="surname_label" class="label" left="20px"/> 
       <Label text="Rossi" class="labelData"/> 
      </TableViewRow> 

      <TableViewRow id="name_row" class="row_item" layout="horizontal"> 
       <Label id="address_label" class="label" /> 
       <Label text="via Cereate 8, Milano" class="labelData"/> 

      </TableViewRow> 

      <TableViewRow id="name_row" class="row_item" layout="horizontal"> 
       <Label id="phone_label" class="label"/> 
       <Label text="333111222" class="labelData"/> 
      </TableViewRow> 

     </TableView> 



    </View> 
    </ScrollView> 
</Window> 

デフォルトでは、ビューは親のサイズをとるため、スクロールビューは表示されません。

0

、あなたはScrollViewタグに次の属性を追加することができますに:

showVerticalScrollIndicator="true" 

したい場合にも、水平バーと同じように追加することができます。

showHorizontalScrollIndicator: true 

ルックドキュメントをhere

よろしく

+0

申し訳ありませんが、コードを間違ってコピーしています。コードを編集しています – bircastri

関連する問題

 関連する問題