Android studio微信界面简单模拟

最新推荐文章于 2024-09-27 22:47:32 发布

nonamepao

最新推荐文章于 2024-09-27 22:47:32 发布

阅读量826

点赞数

文章标签： android 微信

本文链接：https://blog.csdn.net/nonamepao/article/details/120675342

版权

本文介绍了如何使用Android Studio创建一个简单的微信界面。包括制作标题框、底部控件，使用fragment实现页面切换，并提供了代码仓库链接。

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

标题框

首先制作一个标题框，在layout中新建一个xml，命名为top。在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="65dp"
    android:gravity="center"
    android:background="#000000"
    android:orientation="vertical">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_weight="1"
        android:text="WeChat"
        android:textColor="#ffffff"
        android:textSize="40sp" />
</LinearLayout>

底部控件

制作底部控件需要用到imagebutton。此处用linearlayout将button和view组合起来

其中linearlayout设置为

    <LinearLayout
        android:id="@+id/id_tab_weixin"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical"
        android:baselineAligned="false"
        >

        <ImageButton
            android:id="@+id/imageButton1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:background="#000000"
            android:clickable="false"
            app:srcCompat="@drawable/img_2"
            tools:ignore="SpeakableTextPresentCheck" />