Android中使用HorizontalScrollView横向滑动布局

最新推荐文章于 2024-06-10 08:34:02 发布
最新推荐文章于 2024-06-10 08:34:02 发布
阅读量1.4w 收藏 13
点赞数 4
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jason_HD/article/details/82740622
版权

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

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

<HorizontalScrollView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:scrollbars="none">

    <LinearLayout
        android:id="@+id/rl_title_log_activity"
        android:layout_width="wrap_content"
        android:layout_height="56dp"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/iv_back_log_activity"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_centerVertical="true"
            android:padding="16dp"
            android:scaleType="centerCrop"
            android:src="@drawable/icon_back_blue"/>

        <TextView
            android:id="@+id/tv_event_log_activity"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center"
            android:paddingLeft="@dimen/dp10"
            android:paddingRight="@dimen/dp10"
            android:text="Event"
            android:textColor="@color/blue"
            android:textSize="18sp"
            android:textStyle="bold"/>

        <TextView
            android:id="@+id/tv_http_log_activity"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center"
            android:paddingLeft="@dimen/dp10"
            android:paddingRight="@dimen/dp10"
            android:text="HTTP"
            android:textColor="@color/blue"
            android:textSize="18sp"
            android:textStyle="bold"/>


        <TextView
            android:id="@+id/tv_socket_log_activity"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center"
            android:paddingLeft="@dimen/dp10"
            android:paddingRight="@dimen/dp10"
            android:text="Socket"
            android:textColor="@color/blue"
            android:textSize="18sp"
            android:textStyle="bold"/>

        <TextView
            android:id="@+id/tv_agora_log_activity"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center"
            android:paddingLeft="@dimen/dp10"
            android:paddingRight="@dimen/dp10"
            android:text="Agora"
            android:textColor="@color/blue"
            android:textSize="18sp"
            android:textStyle="bold"/>

        <TextView
            android:id="@+id/tv_other_log_activity"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center"
            android:paddingLeft="@dimen/dp10"
            android:paddingRight="@dimen/dp10"
            android:text="Other"
            android:textColor="@color/blue"
            android:textSize="18sp"
            android:textStyle="bold"/>

        <TextView
            android:id="@+id/tv_clear_base_call_activity"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:paddingLeft="@dimen/dp10"
            android:paddingRight="@dimen/dp10"
            android:text="Clear"
            android:textColor="@color/blue"
            android:textSize="22sp"
            android:textStyle="bold"/>

    </LinearLayout>

</HorizontalScrollView>

注意：

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

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

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <HorizontalScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none">

        <LinearLayout
            android:id="@+id/rl_title_log_activity"
            android:layout_width="wrap_content"
            android:layout_height="56dp"
            android:orientation="horizontal">

            <ImageView
                android:id="@+id/iv_back_log_activity"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_centerVertical="true"
                android:padding="16dp"
                android:scaleType="centerCrop"
                android:src="@drawable/icon_back_blue"/>

            <TextView
                android:id="@+id/tv_event_log_activity"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:gravity="center"
                android:paddingLeft="@dimen/dp10"
                android:paddingRight="@dimen/dp10"
                android:text="Event"
                android:textColor="@color/blue"
                android:textSize="18sp"
                android:textStyle="bold"/>

            <TextView
                android:id="@+id/tv_http_log_activity"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:gravity="center"
                android:paddingLeft="@dimen/dp10"
                android:paddingRight="@dimen/dp10"
                android:text="HTTP"
                android:textColor="@color/blue"
                android:textSize="18sp"
                android:textStyle="bold"/>


            <TextView
                android:id="@+id/tv_socket_log_activity"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:gravity="center"
                android:paddingLeft="@dimen/dp10"
                android:paddingRight="@dimen/dp10"
                android:text="Socket"
                android:textColor="@color/blue"
                android:textSize="18sp"
                android:textStyle="bold"/>

            <TextView
                android:id="@+id/tv_agora_log_activity"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:gravity="center"
                android:paddingLeft="@dimen/dp10"
                android:paddingRight="@dimen/dp10"
                android:text="Agora"
                android:textColor="@color/blue"
                android:textSize="18sp"
                android:textStyle="bold"/>

            <TextView
                android:id="@+id/tv_other_log_activity"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:gravity="center"
                android:paddingLeft="@dimen/dp10"
                android:paddingRight="@dimen/dp10"
                android:text="Other"
                android:textColor="@color/blue"
                android:textSize="18sp"
                android:textStyle="bold"/>

            <TextView
                android:id="@+id/tv_clear_base_call_activity"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:paddingLeft="@dimen/dp10"
                android:paddingRight="@dimen/dp10"
                android:text="Clear"
                android:textColor="@color/blue"
                android:textSize="22sp"
                android:textStyle="bold"/>

        </LinearLayout>

    </HorizontalScrollView>

    <ListView
        android:id="@+id/lv_base_call_activity"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/rl_title_log_activity">

    </ListView>

</LinearLayout>
张海龙_China
关注
  • 4
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Android项目实战之仿网易顶部导航栏效果
01-20
随着时间的推移现在的软件要求显示的内容越来越多，所以要在小的屏幕上能够更好的显示更多的内容，首先我们会想到底部菜单栏，但是有时候想网易新闻要显示的内容太多，而且又想在主页面全部显示出来，所以有加了顶部导航栏，但是Android这样的移动设备内存是受限的，那么多界面缓存到内存中，很容易导致内存溢出，这个是比较致命的，所以不得不考虑。虽然我在之前也做过网易的顶部导航栏但是方式并不好，就像使用viewpager做一些复杂的界面由于图片占用内存过多，很容易导致内存溢出，学习了今天的内容大家做一下对比相信就有所体会。< 先看一下今天要实现的效果： 至于顶部导航的具体要用到的图片和布局大家自己调整。 由
探秘 SwipeHorizontalScrollView: 打造流畅的横向滑动体验
gitblog_00041的博客
04-22 306
探秘 SwipeHorizontalScrollView: 打造流畅的横向滑动体验 项目地址:https://gitcode.com/Loren-Moon/SwipeHorizontalScrollView SwipeHorizontalScrollView 是一个轻量级的Android库，专为开发者设计，用于实现高性能、易集成的横向滚动视图。它使得在Android应用中创建类似Pinterest...
Android studio中使用NestedScrollView实现页面可上下滚(滑)动
最新发布
qq_73830179的博客
06-10 872
NestedScrollView 即。因此，我们可以简单的把类比为，其作用就是作为控件父布局，从而具备（嵌套）滑动功能。与的区别就在于支持嵌套滑动，无论是作为父控件还是子控件，嵌套滑动都支持，且默认开启。因此，在一些需要支持嵌套滑动的情景中，比如一个内部包裹一个，那么就会产生滑动冲突，这个问题就需要你自己去解决。而如果使用包裹，嵌套滑动天然支持，你无需做什么就可以实现前面想要实现的功能了。
【Android从零单排系列二十七】《Android视图控件——HorizontalScrollView》
再见孙悟空的专栏
06-29 1753
小伙伴们，在上文中我们介绍了Android视图组件ScrollView，本文我们继续盘点，介绍一下视图控件的HorizontalScrollView。HorizontalScrollView是Android SDK中的一个视图容器，它允许用户在水平方向上滚动其子视图。它可以用来展示横向的大量内容，当内容超过屏幕宽度时，用户可以通过水平滑动来查看隐藏的部分。
Android的Scrollview滚动视图控件
xubo667的博客
07-17 1463
Android的Scrollview滚动视图控件
横向滑动视图HorizontalScrollView精炼详解
gqg_guan的博客
07-27 1843
横向滑动视图HorizontalScrollView
【Android Studio】常用布局 --- 滚动视图ScrollView
热门推荐
qq_64976935的博客
11-16 1万+
与线性布局类似，滚动视图也分为垂直方向和水平方向 两类，其中垂直滚动视图名为ScrollView，水平滚动视图名为。（1）垂直方向滚动时，layout_width属性值设置为match_parent，layout_height属性值设置为wrap_content。（2）水平方向滚动时，layout_width属性值设置为wrap_content，layout_height属性值设置为match_parent。（3）滚动视图节点下面必须且只能挂着一个子布局节点，否则会在运行时报错。运行测试App，可知。
Android 自定义 HorizontalScrollView 打造多图片OOM 的横向滑动效果(实例代码)
08-29
Android 自定义 HorizontalScrollView 打造多图片 OOM 横向滑动效果 Android 自定义 HorizontalScrollView 打造多图片 OOM 横向滑动效果是 Android 开发中常见的一种需求，主要是通过自定义 HorizontalScrollView ...
horizontalScrollView嵌套可横向滑动的布局
11-20
本篇将深入探讨如何在HorizontalScrollView中嵌套一个可以横向滑动的GridView，以实现单行横向滑动的Demo。 首先，我们来理解HorizontalScrollView的基本用法。HorizontalScrollView是一个单行布局，它可以容纳多个...
Android自定义横向滑动菜单的实现
08-27
这里使用 HorizontalScrollView 来实现横向滑动菜单。 2. ColumnHorizontalScrollView 的实现 ColumnHorizontalScrollView 是继承自 HorizontalScrollView 的控件，用于实现横向滑动菜单。该控件可以设置菜单项的...
android实现上下左右滑动界面布局
08-25
ScrollView 是 Android 中的一个视图组件，用于实现竖向滑动的效果，而 HorizontalScrollView 则用于实现横向滑动的效果。通过组合使用这两个视图组件，我们可以实现上下左右滑动的界面布局。 下面是实现上下左右...
AndroidTV首页横向滑动源码，
05-25
在Android开发中，创建一个TV首页的横向滑动界面是一项常见的任务，这通常涉及到自定义ViewGroup、RecyclerView或者ViewPager的使用。在这个项目中，“AndroidTV首页横向滑动源码”很可能是实现了一个针对电视设备...
android 横向滚动选择,简单实现自定义横向滚动选择View
weixin_42301413的博客
05-25 1374
今日产品经理让在产品里面加了个横向选择的功能，控件样子大致要求为: 网上找了好久没找到此控件，只能自己动手写了，很适合新手练习自定义View，并贡献给大家，效果如下： 其实很多滚轮控件也只是这个简单控件组合一下就可以了 。实现思路这里我偷懒了，没有把上、左、右三个箭头写到控件里面，写进去也简单，不过突然感觉在外面布局，写个方法出来也是蛮帅的。所以今天我们的主角就是中间的可以横向滑动的部分，乍一看就...
Android中HorizontalScrollView的使用总结
qq_19688207的博客
07-07 1214
HorizontalScrollView
【Android控件】HorizontalScrollView的基础使用记录（滚动条自定义）
PYB
08-31 3082
HorizontalScrollView用于布局的容器，可以放置让用户使用滚动条查看的视图层次结构，允许视图结构比手机的屏幕大。HorizontalScrollView是一种 FrameLayout（框架布局），其子项被滚动查看时是整体移动的，并且子项本身可以是一个有复杂层次结构的布局管理器。一个常见的应用是子项在水平 方向中，用户可以滚动显示顶层水平排列的子项(items)。很适合用场景、图片无限滑动，底部多个自定义按钮布局（支持递增）等。...
android HorizontalScrollView讲解
张小贝的博客
02-13 4130
本章内容是Android.widget.HorizontalScrollView，译为"横向滚动条"，版本为Android 2.3 r1，翻译来自"Tina"，感谢"Tina"为大家带来精彩的翻译稿 ！期待你加入Android API 中文的翻译，联系我over140@gmail.com。   声明 　　欢迎转载，但请保留文章原始出处:) 　　　　JavaEye社区：http://ww
android studio 横向拖动条,Android ScrollView实现横向和竖向拖动回弹效果
weixin_33656238的博客
05-26 776
本文实例为大家分享了Android ScrollView实现拖动回弹效果的具体代码，供大家参考，具体内容如下原理在android2.3版本中，View类中新增了一个方法：overScrollBy。通过覆盖该方法，就可以达到阻尼回弹的效果。示例1、竖向滚动public class ReboundScrollView extends ScrollView{private static final in...
AndroidStudio自定义实现七中不同的滑动效果
qq_64353584的博客
11-28 1819
自定义View的7种滑动方式。
安卓HorizontalScrollView每次滑动距离固定
05-24
要实现安卓HorizontalScrollView每次滑动距离固定，可以通过监听HorizontalScrollView的滑动事件，在滑动事件中获取当前滑动的距离，如果当前滑动距离小于指定的距离，就让HorizontalScrollView继续滑动，否则就让HorizontalScrollView停止滑动。 具体实现代码可以参考以下示例： ``` private int mMaxScrollDistance = 100; // 指定每次滑动的最大距离 private HorizontalScrollView mHorizontalScrollView; private int mLastScrollX = 0; private boolean mIsScrolling = false; // 初始化HorizontalScrollView并设置滑动监听 private void initHorizontalScrollView() { mHorizontalScrollView = findViewById(R.id.horizontal_scroll_view); mHorizontalScrollView.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_MOVE: int scrollX = mHorizontalScrollView.getScrollX(); if (Math.abs(scrollX - mLastScrollX) > mMaxScrollDistance) { mIsScrolling = true; } mLastScrollX = scrollX; break; case MotionEvent.ACTION_UP: if (mIsScrolling) { int scrollX1 = mHorizontalScrollView.getScrollX(); int dx = scrollX1 % mMaxScrollDistance; if (dx > mMaxScrollDistance / 2) { mHorizontalScrollView.smoothScrollBy(mMaxScrollDistance - dx, 0); } else { mHorizontalScrollView.smoothScrollBy(-dx, 0); } mIsScrolling = false; } break; } return false; } }); } ``` 在上述示例中，我们定义了一个mMaxScrollDistance变量，用于指定每次滑动的最大距离。在HorizontalScrollView的滑动事件中，我们通过获取当前滑动的距离和上一次滑动的距离，计算出当前滑动的距离是否大于指定的最大距离，如果是，则将mIsScrolling标记为true，表示当前正在进行滑动操作。在手指抬起的事件中，如果当前正在进行滑动操作，则根据当前滑动的距离计算出需要滑动的距离，并通过HorizontalScrollView的smoothScrollBy方法来实现滑动效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

张海龙_China

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值