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