安卓类微信界面实现

包括像猫的狗

已于 2022-03-21 20:28:02 修改

阅读量3.4k

点赞数 2

文章标签： java

于 2022-03-21 20:23:18 首次发布

本文链接：https://blog.csdn.net/y__De/article/details/123643872

版权

本文记录了一位初学者实现安卓应用类微信界面的过程，包括编写顶部和底部layout，创建主页面，用Fragment显示不同内容，以及在MainActivity中编写代码进行页面切换。在实践中遇到了属性设置错误等小问题，强调了细心和理解开发流程的重要性。

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

3.写四个fragment用于显示不同的内容

4.写MainActivity中的代码

3.总结

1.引言

这是我第一次接触安卓的开发，因为之前学过c#和java，感觉使用AS开发就像使用java在写winform，同样是放置控件，设置控件属性，同样的获取控件对象，监听事件。当然这样说太肤浅了一些，毕竟也是初学，只是发表初学者的一些小观点。下面是实现过程。

2.实现

1.写出顶部和底部的layout

顶部和底部分别为bottom.xml和top.xml，样式设置如下，注意bottom不需要放在底部，因为后续放在main.xml中的时候，FrameLayout权重设置为1，会将头顶部撑开。

top.xml没什么难度，自己尝试一下就可以写出来

bottom.xml需要熟练使用LinearLayout布局，同时包括了imageView使用，代码如下：

<?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:id="@+id/bottm_bar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#D6D6D6">

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

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

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

    <LinearLayout
        android:id="@+id/tap02"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:orientation="vert