0

大量のテキストコンテンツとそれに続く1つのボタンを表示するUIを設計したいと思います。ユーザーカムはテキストコンテンツを下にスクロールしますが、ボタンは常に画面の下部に表示されたままである必要があります。Androidマーケットで入手可能なVlingoアプリケーションは、下の図に示すのと同様の種類のUIを使用します。

ここに画像の説明を入力してください ここに画像の説明を入力してください

テキストコンテンツをscrollViewとscrollViewの外側のボタンに配置しようとしましたが、これを行うとボタンが画面からはみ出します。これが私が試した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>

4

1 に答える 1

1

これを行うためにリストビューを使用することと、テキストビューなどが多いスクロールを使用することを検討しますが、質問に答えるために、スクロールビューが重ならないようにするか、下部を押し下げます。ボタン私は次のようなことをします

注：リソース参照を削除する必要があったため、面倒ですが、アイデアを得る必要があります

<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-20T22:43:53.120 に答える