android基础---ViewPager与fragment

最新推荐文章于 2021-09-10 01:03:25 发布

LM10-01

最新推荐文章于 2021-09-10 01:03:25 发布

阅读量446

点赞数 1

本文链接：https://blog.csdn.net/lilingmei000/article/details/70175900

版权

这篇博客探讨了如何使用ViewPager和Fragment来实现类似微信主界面的应用布局。主要内容包括创建top.xml和bottom.xml布局文件，底部用LinearLayout实现选项卡，通过包括在main.xml中并用ViewPager或Fragment进行动态内容展示。还提到了点击事件处理和Fragment的使用方法。

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

在日常开发中，ViewPager和Fragment随处可见，例如微信的主界面可以用它们来实现。

分析一下微信主界面：头部是一个TextView。底部是一个选项卡。重点就在中间部分。我们今天也主要学习中间部分的实现。

以下将会用类似于微信的一个App布局来举例

（一）

首先我们先建立两个布局文件：top.xml和bottom.xml分别实现顶部是底部 (top.xml为一个TextView就不多说了。bottom.xml底部是4个选项卡，分别是：新闻、朋友、抢钱、我。这个有很多种实现方法，我们今天用最简单的一种：LineaLayout.。即一个大的线性布局里包含着4个LinearLayout)

以下为bottom.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:background="#D6D7D7">
    <LinearLayout
        android:id="@+id/ll_news"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical"
        android:gravity="center">
        <ImageButton
            android:id="@+id/img_news"
            android:layout_width="wrap_content"
            android:clickable="false"
            android:layout_height="wrap_content"
            android:src="@drawable/tab_icon_news_light"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="新闻"/>
    </LinearLayout>
    <LinearLayout
        android:id="@+id/ll_friend"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical"
        android:gravity="center">
        <ImageButton
            android:id="@+id/img_friend"
            android:layout_width="wrap_content"
            android:clickable="false"
            android:layout_height="wrap_content"
            android:src="@drawable/tab_icon_friend_dark"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="并友"/>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/ll_money"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical"
        android:gravity="center">
        <ImageButton
            android:id="@+id/img_money"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:clickable="false"
            android:src="@drawable/tab_icon_money_dark"/>
        <TextView
            andr