一、top.xml布局及代码
在layout里新建一个名为top.xml的文件,在布局小组件俩面拖一个LinearLayout,然后在LinearLayout之下拖一个textView进来。代码如下:
<TextView
android:id="@+id/textView5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:text="微信"
android:textColor="@color/white"
android:textSize="30dp" />
</LinearLayout>
top界面如下:
二、bottom.xml布局及代码
新建一个Layout Resource File,将ConstrainLayout转化为LinearLayout,添加控件LinearLayout,在LinearLayout中添加ImageView、textView,复制四次,设置一系列属性。
代码如下:
<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="87dp"
android:layout_gravity="bottom"
android:background="#000020">
<LinearLayout
android:id="@+id/LinearLayout_wechat"
android:layout_width="match_parent"
android:layout_height="85dp"
android:layout_weight="1"
android:orientation="vertical">
<ImageView
android:id="@+id/wechat"
android:layout_width="match_parent"
android:layout_height="50dp"
app:srcCompat="@drawable/wechat1" />
<TextView
android:id="@+id/textView2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="微信"
android:textColor="@color/white"
android:textSize="30sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/LinearLayout_contacts"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="vertical">
<ImageView
android:id="@+id/contacts"
android:layout_width="match_parent"
android:layout_height="50dp"
app:srcCompat="@drawable/contacts1" />
<TextView
android:id="@+id/textView3"
android:layout_