使用ViewPager+LinearLayout来实现页面之间的切换和点击

最新推荐文章于 2022-07-18 17:24:19 发布

Janain

最新推荐文章于 2022-07-18 17:24:19 发布

阅读量2.2k

点赞数 2

分类专栏： android 文章标签：底部导航栏 viewpager relativelayout 布局 android

本文链接：https://blog.csdn.net/T_Y_Y_T/article/details/73174213

版权

这篇博客介绍了如何在Android应用中结合ViewPager和LinearLayout来实现场景间的平滑切换。通过展示具体的代码逻辑和配置，作者详细解释了如何设置底部导航栏并创建可点击的选项，从而提供更好的用户体验。

摘要由CSDN通过智能技术生成

运行大致效果为：

//从项目中粘贴出来的，随手一记，方便下次查看，这个写的很复杂，有时间在用其他方法。
strings.xml

 <!--tab键切换-->
    <string name="text_home">主页</string>
    <string name="text_adress">联系人</string>
    <string name="text_message">信息</string>
    <string name="text_mine">个人中心</string>

colors.xml
//色码不是很准确，需要的自己找

    <color name="a55a">#a5a5a5</color>
    <color name="orange">#F18F40</color>
    <color name="line">#CCCCCC</color>
    <color name="bg_gray">#F2F2F2</color>
    <color name="blue">#2A94D2</color>
    <color name="green">#63B73E</color>

首先显示导航选项卡：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#eee">

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:paddingBottom="0dp"
            android:weightSum="4"
            android:id="@+id/linearLayout"
            android:background="@color/cdef">
            <LinearLayout
                android:id="@+id/liner_tab1"
                android:layout_width="wrap_content"
                android:layout_height="48dp"
                android:orientation="vertical"
                android:layout_weight="1"
                android:paddingTop="7dp"
                android:background="@color/cd9d">

                <ImageView
                    android:id="@+id/image_homepage"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:clickable="true"
                    android:scaleType="matrix"
                    android:src="@drawable/tab_pre_one" />

                <TextView
                    android:id="@+id/tv_home"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/text_home"
                    android:textColor="@color/c00b"
                    android:textSize="12sp"
                    android:gravity="center"
                    android:layout_gravity="center_horizontal"/>

            </LinearLayout>
            <LinearLayout
                android:id="@+id/liner_tab2"
                android:layout_width="wrap_content"
                android:layout_height="48dp"
                android:paddingTop="7dp"
                android:layout_gravity="center_horizontal"
                android:orientation="vertical"
                android:layout_weight="1">

                <ImageView
                    android:id="@+id/image_address"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:clickable="true"
                    android:scaleType="matrix"
                   android:src="@drawable/tab_two_normal"
                    android:layout_gravity="center_horizontal"/>

                <TextView
                    android:id="@+id/tv_address"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/text_adress"
                    android:textColor="@color/a55a"
                    android:textSize="12sp"
                    android:gravity="center"
                    android:layout_gravity="center_horizontal"/>
            </LinearLayout>
            <LinearLayout
                android:id="@+id/liner_tab3"
                android:layout_width="wrap_content"