如何在启用滚动的情况下并排放置两个文本视图?

时间:2012-08-25 09:11:14

标签: android android-layout android-widget

这是我的代码的一部分,但我不想使用android:layout_width =“240dp”。 请帮助。有两个文本视图,两个textView都很长,但它们不应超出布局,并启用水平滚动。

<LinearLayout
    android:id="@+id/layoutSlide1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/option_bar"
    android:orientation="horizontal" >

    <!-- OPtion 1 -->

    <HorizontalScrollView
        android:id="@+id/horizontalScrollView2"
        android:layout_width="240dp"
        android:layout_height="wrap_content"
        android:paddingLeft="30dp"
        android:paddingTop="5dp" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/tvOptionA"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:maxLines="1"
                android:text="A - Option A "
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textColor="#ffffff"
                android:textStyle="bold" />
        </LinearLayout>
    </HorizontalScrollView>

    <!-- OPtion 2 -->

    <HorizontalScrollView
        android:id="@+id/horizontalScrollView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingBottom="5dp"
        android:paddingLeft="60dp"
        android:paddingTop="5dp"
        android:paddingRight="30dp" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/tvOptionB"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:lines="1"
                android:text="B - Option B"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textColor="#ffffff"
                android:textStyle="bold" />
        </LinearLayout>
    </HorizontalScrollView>
</LinearLayout>

我制作了一个Photoshop图片来展示我想要的东西; 有两种不同的滚动视图。

My problem

2 个答案:

答案 0 :(得分:1)

使用此代码,我测试了它,它可以随心所欲地工作。 enter image description here修改

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1" >

    <HorizontalScrollView
        android:id="@+id/horizontalScrollView2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:paddingLeft="30dp"
        android:paddingTop="5dp" >

        <TextView
            android:id="@+id/tvOptionA"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#00ff00"
            android:maxLines="1"
            android:padding="30dp"
            android:text="A - Option Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa "
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textColor="#ff0000"
            android:textStyle="bold" />
    </HorizontalScrollView>
</LinearLayout>

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1" >

    <HorizontalScrollView
        android:id="@+id/horizontalScrollView1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:paddingLeft="30dp"
        android:paddingTop="5dp" >

        <TextView
            android:id="@+id/tvOptionB"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="#00ff00"
            android:maxLines="1"
            android:padding="30dp"
            android:text="B - Option Bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb "
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textColor="#ff0000"
            android:textStyle="bold" />
    </HorizontalScrollView>
</LinearLayout>

答案 1 :(得分:1)

根据此操作您的代码:

<LinearLayout>

  <HorizontalScrollView
   android:layout_width="0dp"
   android:layout_weight="1">

      <LinearLayout>

         <TextView>
         </TextView>

     </LinearLayout>

  </HorizontalScrollView>


  <HorizontalScrollView
   android:layout_width="0dp"
   android:layout_weight="1">

      <LinearLayout>

         <TextView>
         </TextView>

     </LinearLayout>

  </HorizontalScrollView>

</LinearLayout>