Question

目前，我有三组彼此分开的数据。我正在实现一个HorizontalScrollView，虽然它可以显示所有三个独立的数据集，但数据本身似乎并不是彼此“分离”的。设计似乎不切实际。

我想实现某种类型的选项卡视图（带有三个选项卡），用户可以使用这些选项卡在三组数据（在其自己的选项卡中的每个单独的集合）之间导航。

有没有以这种方式实现这一点，在每个标签中我只有一个包含将显示数据的子视图的相对布局？

我已经遍布谷歌，只能找到将此策略视为整个活动的演示。那么我的HorizontalScrollView只是显示的一部分。所以我发现的教程对我没那么好。

下面是使用子TextViews的当前HorizontalScrollView的XML片段。谁能指出我正确的方向？拜托，谢谢！

<HorizontalScrollView 
        android:id="@+id/scrollview_data"
        android:layout_width="match_parent"
        android:layout_height="130dp"
        android:layout_above="@+id/button_2"
        android:layout_alignParentRight="true"
        android:layout_below="@+id/button_1"
        android:layout_marginTop="3dp"
        android:layout_marginBottom="3dp"
        android:scrollbars="none"
        android:background="@drawable/gradient_scrollview">

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent" >

            <TextView
                android:id="@+id/textview1_dataset_1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="6dp"
                android:layout_marginLeft="90dp"
                android:textColor="#000000"
                android:textSize="23sp"
                android:textStyle="bold" />
            <TextView
                android:id="@+id/textview2_dataset_1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="24dp"
                android:layout_marginLeft="90dp"
                android:textColor="#006599"
                android:textSize="21sp"
                android:textStyle="bold" />


            <ImageView
                android:id="@+id/imageview1_dataset_1"
                android:layout_width="55dp"
                android:layout_height="55dp"
                android:layout_alignParentLeft="true"
                android:layout_marginTop="10dp"
                android:layout_marginLeft="30dp"
                android:contentDescription="current_weather_icon_from_noaa"
                android:background="#000000"
                android:padding="1px"
                android:visibility="invisible" />

            <TextView
                android:id="@+id/textview3_dataset_2"
                android:layout_width="100dp"
                android:layout_height="wrap_content"
                android:layout_marginTop="45dp"
                android:layout_marginLeft="90dp"
                android:textColor="#6b6b6b"
                android:textSize="18sp" />

            <TextView
                android:id="@+id/textview4_dataset_2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="82dp"
                android:layout_marginLeft="40dp"
                android:textColor="#004163"
                android:textSize="45sp" 
                android:textStyle="bold"/>

            <TextView
                android:id="@+id/textview5_dataset_2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="125dp"
                android:layout_marginLeft="50dp"
                android:textColor="#6b6b6b"
                android:textSize="25sp"/>

            <TextView
                android:id="@+id/textview6_dataset_2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="75dp"
                android:layout_marginLeft="250dp"
                android:textColor="#383838"
                android:textSize="16sp"/>

            <TextView
                android:id="@+id/textview7_dataset_3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@+id/textview_details_windspeed"
                android:text="Wind-Speed:"
                android:textColor="#383838"
                android:textSize="16sp"/>

            <TextView
                android:id="@+id/textview8_dataset_3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="95dp"
                android:layout_marginLeft="250dp"
                android:textColor="#006599"
                android:textSize="16sp"/>

            <TextView
                android:id="@+id/idtextview8_dataset_3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="115dp"
                android:layout_marginLeft="250dp"
                android:textColor="#383838"
                android:textSize="16sp"/>

            <TextView
                android:id="@+id/textview9_dataset_3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="135dp"
                android:layout_marginLeft="250dp"
                android:textColor="#006599"
                android:textSize="16sp"/>

        </RelativeLayout>
    </HorizontalScrollView>

Answer 1

您应该可以使用TabHost实现此目的。

Android标签滚动视图

1 个答案: