在我的應用程序中實現像用戶界面的Vlingo應用程序？

我想設計一個用戶界面，其中我將顯示大量的文本內容，然後按一個按鈕。用戶凸輪向下滾動文本內容，但該按鈕應始終保持可見的屏幕底部。可在安卓市場Vlingo的應用程序使用類似種類的UI作爲展示圖如下：在我的應用程序中實現像用戶界面的Vlingo應用程序？

enter image description here

我試圖把滾動視圖之外的滾動視圖的文本內容和按鈕，但這樣做的按鈕卡茨關閉屏幕。以下是XML佈局我想：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="vertical" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content"> 
<ScrollView 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:background="@drawable/background" > 

    <RelativeLayout 
     android:id="@+id/relativeLayout1" 
     android:layout_width="match_parent" 
     android:layout_height="300dp" > 

     <TextView 
      android:id="@+id/txtMsgHd" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" 
      android:layout_marginLeft="10dp" 
      android:layout_marginTop="20dp" 
      android:text="@string/message" 
      android:layout_marginRight="10dp"         
      android:textAppearance="?android:attr/textAppearanceLarge" />   
     <TextView 
      android:id="@+id/txtMsg1" 
      android:layout_marginLeft="10dp" 
      android:layout_marginRight="10dp" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_below="@+id/txtMsgHd" 
      android:text="@string/main_ex_msg1" /> 

    </RelativeLayout> 
    </ScrollView> 
    <RelativeLayout 
     android:id="@+id/relativeLayout2" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" > 

     <Button 
      android:id="@+id/btnSpeak" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" 
      android:text="@string/speak_now" /> 

     </RelativeLayout>

來源

2012-05-20 Pargat

我會考慮使用一個ListView做這個對比有很多的文本視圖等滾動但是對於只是回答如果問題着想所有你想要做的是讓滾動視圖不重疊或按下底部按鈕我會做類似以下的事情

注意：必須刪除任何資源引用，所以它是一種混亂，但你應該得到的想法

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="vertical" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent"> 
<ScrollView 
android:layout_width="match_parent" 
android:layout_height="match_parent" android:layout_above="@+id/btnSpeak"> 
     <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> 
     <TextView 
      android:id="@+id/txtMsgHd" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" 
      android:layout_marginLeft="10dp" 
      android:layout_marginTop="20dp" 
      android:text="Msg A" 
      android:layout_marginRight="10dp"         
      android:textAppearance="?android:attr/textAppearanceLarge" />  
     <TextView 
      android:id="@+id/txtMsgHd" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" 
      android:layout_marginLeft="10dp" 
      android:layout_marginTop="20dp" 
      android:text="Msg B" 
      android:layout_marginRight="10dp"         
      android:textAppearance="?android:attr/textAppearanceLarge" />   
     <TextView 
      android:id="@+id/txtMsgHd" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" 
      android:layout_marginLeft="10dp" 
      android:layout_marginTop="20dp" 
      android:text="Msg C" 
      android:layout_marginRight="10dp"         
      android:textAppearance="?android:attr/textAppearanceLarge" />  
     <TextView 
      android:id="@+id/txtMsgHd" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" 
      android:layout_marginLeft="10dp" 
      android:layout_marginTop="20dp" 
      android:text="Msg D" 
      android:layout_marginRight="10dp"         
      android:textAppearance="?android:attr/textAppearanceLarge" />  
     <TextView 
      android:id="@+id/txtMsgHd" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" 
      android:layout_marginLeft="10dp" 
      android:layout_marginTop="20dp" 
      android:text="Msg E" 
      android:layout_marginRight="10dp"         
      android:textAppearance="?android:attr/textAppearanceLarge" />  
     <TextView 
      android:id="@+id/txtMsgHd" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" 
      android:layout_marginLeft="10dp" 
      android:layout_marginTop="20dp" 
      android:text="Msg F" 
      android:layout_marginRight="10dp"         
      android:textAppearance="?android:attr/textAppearanceLarge" /> 
     <TextView 
      android:id="@+id/txtMsgHd" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" 
      android:layout_marginLeft="10dp" 
      android:layout_marginTop="20dp" 
      android:text="Msg A" 
      android:layout_marginRight="10dp"         
      android:textAppearance="?android:attr/textAppearanceLarge" />  
     <TextView 
      android:id="@+id/txtMsgHd" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" 
      android:layout_marginLeft="10dp" 
      android:layout_marginTop="20dp" 
      android:text="Msg B" 
      android:layout_marginRight="10dp"         
      android:textAppearance="?android:attr/textAppearanceLarge" />   
     <TextView 
      android:id="@+id/txtMsgHd" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" 
      android:layout_marginLeft="10dp" 
      android:layout_marginTop="20dp" 
      android:text="Msg C" 
      android:layout_marginRight="10dp"         
      android:textAppearance="?android:attr/textAppearanceLarge" />  
     <TextView 
      android:id="@+id/txtMsgHd" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" 
      android:layout_marginLeft="10dp" 
      android:layout_marginTop="20dp" 
      android:text="Msg D" 
      android:layout_marginRight="10dp"         
      android:textAppearance="?android:attr/textAppearanceLarge" />  
     <TextView 
      android:id="@+id/txtMsgHd" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" 
      android:layout_marginLeft="10dp" 
      android:layout_marginTop="20dp" 
      android:text="Msg E" 
      android:layout_marginRight="10dp"         
      android:textAppearance="?android:attr/textAppearanceLarge" />  
     <TextView 
      android:id="@+id/txtMsgHd" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" 
      android:layout_marginLeft="10dp" 
      android:layout_marginTop="20dp" 
      android:text="Msg F" 
      android:layout_marginRight="10dp"         
      android:textAppearance="?android:attr/textAppearanceLarge" />       
     <TextView 
      android:id="@+id/txtMsg1" 
      android:layout_marginLeft="10dp" 
      android:layout_marginRight="10dp" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_below="@+id/txtMsgHd" 
      android:text="Msg 1" /> 
     </LinearLayout> 
</ScrollView> 

<Button 
     android:id="@+id/btnSpeak" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentRight="true" 
     android:text="Speak Now" /> 

</RelativeLayout>

來源

2012-05-20 22:43:53 Idistic

在我的應用程序中實現像用戶界面的Vlingo應用程序？

回答

相關問題