AS的类微信界面设计

击泥太霉

已于 2022-10-01 15:33:06 修改

阅读量111

点赞数

文章标签： android studio

于 2022-09-30 22:40:25 首次发布

本文链接：https://blog.csdn.net/qq_59818687/article/details/127129966

版权

本文介绍了如何在Android Studio(AS)中创建一个类微信的界面。通过新建项目，设计顶部(top.xml)、底部(layout_bottom.xml)以及四个切换界面的布局文件，并在activity_main.xml中整合所有组件，最终在模拟器上展示出类似微信的应用界面。

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

本文为在AS制作类微信相关步骤

一.点击file新建new project并选择Empty Activity

二.

1.在layout中新建top.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="match_parent">

    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0"
        android:background="@color/black"
        android:gravity="center"
        android:text="芝士微信"
        android:textColor="@color/white"
        android:textSize="35sp" />
</LinearLayout>

顶部界面效果如下

2.在layout中新建layout_bottom.xml文件完成编写

代码段如下

<?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"
    android:layout_width="match_parent"
    android:layout_height="80dp"
    android:baselineAligned="false">

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:lay