移动开发——app门户设计

app门户设计

一、界面设计
（1）顶部设计（top.xml）
①layout下新建top.xml文件和拖入Linear Layout和TextView组件

②效果图：

③对应代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
    
        <TextView
            android:id="@+id/textView"
            android:layout_width="0dp"
            android:layout_height="60dp"
            android:layout_weight="1"
            android:background="@color/teal_700"
            android:gravity="center"
            android:text="@string/微信"
            android:textAlignment="center"
            android:textColor="@color/black"
            android:textSize="30sp" />
    </LinearLayout>
</LinearLayout>

（2）底部界面设计（bottom.xml）
①在mipmap中拖入四个图标

②在layout下创建tbottom.xml文件，之后拖入一个横向LinearLayout和四个纵向LinearLayout，在向四个纵向中添加图标和文字

③效果图

④对应代码

<?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="match_parent"
    android:orientation="horizontal">


    <LinearLayout
        android:id="@+id/first"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:ori