Android中使用HorizontalScrollView横向滑动布局

我不是女神ヾ 2024-02-18 23:45 150阅读 0赞

在Android中，ListView通常用来实现纵向滚动的列表，而HorizontalScrollView则可以实现横向滚动的列表项。

引入HorizontalScrollView控件很简单，例如在一个LinearLayout中：

  1. <HorizontalScrollView
  2.     android:layout_width="match_parent"
  3.     android:layout_height="wrap_content"
  4.     android:scrollbars="none">
  6.     <LinearLayout
  7.         android:id="@+id/rl_title_log_activity"
  8.         android:layout_width="wrap_content"
  9.         android:layout_height="56dp"
  10.         android:orientation="horizontal">
  12.         <ImageView
  13.             android:id="@+id/iv_back_log_activity"
  14.             android:layout_width="wrap_content"
  15.             android:layout_height="match_parent"
  16.             android:layout_centerVertical="true"
  17.             android:padding="16dp"
  18.             android:scaleType="centerCrop"
  19.             android:src="@drawable/icon_back_blue"/>
  21.         <TextView
  22.             android:id="@+id/tv_event_log_activity"
  23.             android:layout_width="wrap_content"
  24.             android:layout_height="match_parent"
  25.             android:gravity="center"
  26.             android:paddingLeft="@dimen/dp10"
  27.             android:paddingRight="@dimen/dp10"
  28.             android:text="Event"
  29.             android:textColor="@color/blue"
  30.             android:textSize="18sp"
  31.             android:textStyle="bold"/>
  33.         <TextView
  34.             android:id="@+id/tv_http_log_activity"
  35.             android:layout_width="wrap_content"
  36.             android:layout_height="match_parent"
  37.             android:gravity="center"
  38.             android:paddingLeft="@dimen/dp10"
  39.             android:paddingRight="@dimen/dp10"
  40.             android:text="HTTP"
  41.             android:textColor="@color/blue"
  42.             android:textSize="18sp"
  43.             android:textStyle="bold"/>
  46.         <TextView
  47.             android:id="@+id/tv_socket_log_activity"
  48.             android:layout_width="wrap_content"
  49.             android:layout_height="match_parent"
  50.             android:gravity="center"
  51.             android:paddingLeft="@dimen/dp10"
  52.             android:paddingRight="@dimen/dp10"
  53.             android:text="Socket"
  54.             android:textColor="@color/blue"
  55.             android:textSize="18sp"
  56.             android:textStyle="bold"/>
  58.         <TextView
  59.             android:id="@+id/tv_agora_log_activity"
  60.             android:layout_width="wrap_content"
  61.             android:layout_height="match_parent"
  62.             android:gravity="center"
  63.             android:paddingLeft="@dimen/dp10"
  64.             android:paddingRight="@dimen/dp10"
  65.             android:text="Agora"
  66.             android:textColor="@color/blue"
  67.             android:textSize="18sp"
  68.             android:textStyle="bold"/>
  70.         <TextView
  71.             android:id="@+id/tv_other_log_activity"
  72.             android:layout_width="wrap_content"
  73.             android:layout_height="match_parent"
  74.             android:gravity="center"
  75.             android:paddingLeft="@dimen/dp10"
  76.             android:paddingRight="@dimen/dp10"
  77.             android:text="Other"
  78.             android:textColor="@color/blue"
  79.             android:textSize="18sp"
  80.             android:textStyle="bold"/>
  82.         <TextView
  83.             android:id="@+id/tv_clear_base_call_activity"
  84.             android:layout_width="wrap_content"
  85.             android:layout_height="wrap_content"
  86.             android:gravity="center"
  87.             android:paddingLeft="@dimen/dp10"
  88.             android:paddingRight="@dimen/dp10"
  89.             android:text="Clear"
  90.             android:textColor="@color/blue"
  91.             android:textSize="22sp"
  92.             android:textStyle="bold"/>
  94.     </LinearLayout>
  96. </HorizontalScrollView>

注意：

1：原来，在HorizontalScrollView中，只可存在一个直接的子View。因此正确的用法是使用一个如LinearLayout这样的控件，将多个子View放入其中

2：HorizontalScrollView中LinearLayout的witdh属性应为”wrap_content”。

70

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout
  3.     xmlns:android="http://schemas.android.com/apk/res/android"
  4.     xmlns:app="http://schemas.android.com/apk/res-auto"
  5.     xmlns:tools="http://schemas.android.com/tools"
  6.     android:layout_width="match_parent"
  7.     android:layout_height="match_parent"
  8.     android:orientation="vertical">
  10.     <HorizontalScrollView
  11.         android:layout_width="match_parent"
  12.         android:layout_height="wrap_content"
  13.         android:scrollbars="none">
  15.         <LinearLayout
  16.             android:id="@+id/rl_title_log_activity"
  17.             android:layout_width="wrap_content"
  18.             android:layout_height="56dp"
  19.             android:orientation="horizontal">
  21.             <ImageView
  22.                 android:id="@+id/iv_back_log_activity"
  23.                 android:layout_width="wrap_content"
  24.                 android:layout_height="match_parent"
  25.                 android:layout_centerVertical="true"
  26.                 android:padding="16dp"
  27.                 android:scaleType="centerCrop"
  28.                 android:src="@drawable/icon_back_blue"/>
  30.             <TextView
  31.                 android:id="@+id/tv_event_log_activity"
  32.                 android:layout_width="wrap_content"
  33.                 android:layout_height="match_parent"
  34.                 android:gravity="center"
  35.                 android:paddingLeft="@dimen/dp10"
  36.                 android:paddingRight="@dimen/dp10"
  37.                 android:text="Event"
  38.                 android:textColor="@color/blue"
  39.                 android:textSize="18sp"
  40.                 android:textStyle="bold"/>
  42.             <TextView
  43.                 android:id="@+id/tv_http_log_activity"
  44.                 android:layout_width="wrap_content"
  45.                 android:layout_height="match_parent"
  46.                 android:gravity="center"
  47.                 android:paddingLeft="@dimen/dp10"
  48.                 android:paddingRight="@dimen/dp10"
  49.                 android:text="HTTP"
  50.                 android:textColor="@color/blue"
  51.                 android:textSize="18sp"
  52.                 android:textStyle="bold"/>
  55.             <TextView
  56.                 android:id="@+id/tv_socket_log_activity"
  57.                 android:layout_width="wrap_content"
  58.                 android:layout_height="match_parent"
  59.                 android:gravity="center"
  60.                 android:paddingLeft="@dimen/dp10"
  61.                 android:paddingRight="@dimen/dp10"
  62.                 android:text="Socket"
  63.                 android:textColor="@color/blue"
  64.                 android:textSize="18sp"
  65.                 android:textStyle="bold"/>
  67.             <TextView
  68.                 android:id="@+id/tv_agora_log_activity"
  69.                 android:layout_width="wrap_content"
  70.                 android:layout_height="match_parent"
  71.                 android:gravity="center"
  72.                 android:paddingLeft="@dimen/dp10"
  73.                 android:paddingRight="@dimen/dp10"
  74.                 android:text="Agora"
  75.                 android:textColor="@color/blue"
  76.                 android:textSize="18sp"
  77.                 android:textStyle="bold"/>
  79.             <TextView
  80.                 android:id="@+id/tv_other_log_activity"
  81.                 android:layout_width="wrap_content"
  82.                 android:layout_height="match_parent"
  83.                 android:gravity="center"
  84.                 android:paddingLeft="@dimen/dp10"
  85.                 android:paddingRight="@dimen/dp10"
  86.                 android:text="Other"
  87.                 android:textColor="@color/blue"
  88.                 android:textSize="18sp"
  89.                 android:textStyle="bold"/>
  91.             <TextView
  92.                 android:id="@+id/tv_clear_base_call_activity"
  93.                 android:layout_width="wrap_content"
  94.                 android:layout_height="wrap_content"
  95.                 android:gravity="center"
  96.                 android:paddingLeft="@dimen/dp10"
  97.                 android:paddingRight="@dimen/dp10"
  98.                 android:text="Clear"
  99.                 android:textColor="@color/blue"
  100.                 android:textSize="22sp"
  101.                 android:textStyle="bold"/>
  103.         </LinearLayout>
  105.     </HorizontalScrollView>
  107.     <ListView
  108.         android:id="@+id/lv_base_call_activity"
  109.         android:layout_width="match_parent"
  110.         android:layout_height="match_parent"
  111.         android:layout_below="@+id/rl_title_log_activity">
  113.     </ListView>
  115. </LinearLayout>

发表评论

表情：
评论列表 （有 0 条评论，150人围观）

还没有评论，来说两句吧...

相关阅读