类微信界面设计

Muc.沐风

于 2022-09-29 23:22:06 发布

阅读量534

点赞数 5

文章标签： java 前端开发语言

本文链接：https://blog.csdn.net/weixin_56711115/article/details/127115335

版权

本文档详述了如何设计并实现一个类微信的界面，包括设计目标、功能说明和运行展示。首先，介绍了使用fragment和activity构建包含4个tab页面的门户框架。接着，展示了bottom.xml和top.xml的制作过程，以及如何通过创建和编辑4个fragment文件来填充内容。在activity_main.xml中，利用include标签将top和bottom内嵌，并设置framelayout。最后，通过编写main.java文件实现界面间的切换功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设计目标

跟据课程教学内容完成类微信的门户页面框架设计，APP最少必须包含4个tab页面。

框架设计需要使用fragment，activity

功能说明

制作类微信界面的框架，后续作业则向界面内丰富其功能

首先制作微信底部控件bottom.xml

并且设计好linearlayout的排列及编号（有条件可以根据自己需要改变图片内容）

代码展示（部分）:

<LinearLayout
        android:id="@+id/linearlayout1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical">

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="match_parent"
            android:layout_height="86dp"
            app:srcCompat="@drawable/pic1" />

        <TextView
            android:id="@+id/weixin"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="微信" />

其二制作top.xml

<TextView
        android:id="@+id/textViewA"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        androi

最低0.47元/天解锁文章