用Android studio设计类似微信起始页面

程序员文章站 2022-04-26 08:09:36

...

基本框架

这个设计属于最基础的android studio开发，基本是，设想一个APP，打开后类似于微信，底下有几个按钮，点击则会被切换成不同的主页面（例如微信的“微信”，“通讯录”，“发现”，“我”）。
总体上，由最主要的mainactivity，以及各个主页面的fragment，和几个xml文件构成
用Android studio设计类似微信起始页面

各部分代码（MainActivity)

这也是最为重要的一部分，尽管在设计的时候基本是写完了其他部分才写的这里，这里仍旧还是放在最前面
导入各种包：
用Android studio设计类似微信起始页面
Fragment,LinearLayout,ImageButton的设定：

监听部分：

监听部分2（对其监听范围的限制）
用Android studio设计类似微信起始页面
底部按钮点击切换选择的部分：

隐藏部分，对主页面text除选定部分外进行隐藏（不然会导致4个text重叠）

对不同的页面进行监听的部分：

函数方法调用：

XML部分（Activity_main）

<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout 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”
tools:context=".MainActivity">

<LinearLayout
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:layout_height="match_parent">
    <include layout="@layout/top" />

    <FrameLayout
        android:id="@+id/id_context"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1">
    </FrameLayout>

    <include layout="@layout/bottom"/>
</LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>