效果图如下:
全部都用线性布局,第一个布局文件如下:
<?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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.example.a15114.linearlayoutdemo.MainActivity">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="#ffff00"
android:orientation="horizontal"
android:gravity="center">
<TextView
android:layout_width="40dp"
android:layout_height="40dp"
android:background="@mipmap/tvback"
/>
<TextView
android:layout_width="40dp"
android:layout_height="40dp"
android:background="@mipmap/tvback2"
/>
<TextView
android:layout_width="40dp"
android:layout_height="40dp"
android:background="@mipmap/tvback3"
/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="3"
android:background="#7cfc00"
android:orientation="vertical">
<LinearLayout
android:layout_margin="15dp"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮1"
android:background="#458b00"
android:layout_margin="2dp"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮2"
android:background="#458b00"
android:layout_margin="2dp"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮3"
android:background="#458b00"
android:layout_margin="2dp"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮4"
android:background="#458b00"
android:layout_margin="2dp"/>
</LinearLayout>
<LinearLayout
android:layout_margin="10dp"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="4"
android:background="#8a8a8a"
android:layout_gravity="center">
<TextView
android:padding="15dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="When the world says “Give up”, hope whispers, “Try it one more time.” 当全世界都要我放弃时,期待有人轻语一声,“再试一次”。"
android:textSize="20sp"/>
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="3"
android:orientation="horizontal">
<LinearLayout
android:orientation="vertical"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="2"
android:background="#ffff00"
android:gravity="center">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮1"
android:layout_margin="2dp"
android:background="#ffd700"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮2"
android:layout_margin="2dp"
android:background="#ffd700"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮3"
android:layout_margin="2dp"
android:background="#ffd700"/>
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="4"
android:background="#8b008b"
android:orientation="horizontal"
android:gravity="center">
<Button
android:layout_margin="1dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮1"
android:background="#8b0a50"/>
<Button
android:layout_margin="1dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮2"
android:background="#8b0a50"/>
</LinearLayout>
<LinearLayout
android:padding="2dp"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="2"
android:background="#191970"
android:orientation="vertical"
android:gravity="center">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮1"
android:layout_margin="2dp"
android:background="#436eee"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮2"
android:layout_margin="2dp"
android:background="#436eee"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮3"
android:layout_margin="2dp"
android:background="#436eee"/>
</LinearLayout>
</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:orientation="vertical"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" tools:context="com.example.lanmoyun.MainActivity">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="80dp"
android:orientation="horizontal"
android:gravity="center_vertical"
android:padding="10dp"
android:background="#FFFFFF">
<TextView
android:id="@+id/tv_toolimg"
android:layout_width="60dp"
android:layout_height="60dp"
android:background="@mipmap/toolimg"
/>
<TextView
android:id="@+id/tv_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="李云富"
android:textSize="20sp"
android:layout_marginLeft="10dp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=">"
android:textSize="30sp"
android:layout_marginLeft="180dp"/>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="1sp"
android:background="#00CD00"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="60dp"
android:orientation="horizontal"
android:background="#FFFFFF"
>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="8000"
android:textColor="@color/colorPrimary"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="经验值"/>
</LinearLayout>
<View
android:layout_width="1sp"
android:layout_height="match_parent"
android:background="#00CD00"/>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="2000"
android:textColor="@color/colorPrimary"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="魅力值"/>
</LinearLayout>
<View
android:layout_width="1sp"
android:layout_height="match_parent"
android:background="#00CD00"/>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="500"
android:textColor="@color/colorPrimary"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="蓝豆"/>
</LinearLayout>
<View
android:layout_width="1sp"
android:layout_height="match_parent"
android:background="#00CD00"/>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="500"
android:textColor="@color/colorPrimary"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="心意"/>
</LinearLayout>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="1sp"
android:background="#00CD00"/>
<View
android:layout_width="match_parent"
android:layout_height="20dp" />
<View
android:layout_width="match_parent"
android:layout_height="1sp"
android:background="#00CD00"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:orientation="horizontal"
android:gravity="center_vertical"
android:padding="10dp"
android:background="#FFFFFF">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="我的空间"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=">"
android:textSize="20sp"
android:layout_marginLeft="250dp"/>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="1sp"
android:background="#00CD00"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:orientation="horizontal"
android:gravity="center_vertical"
android:padding="10dp"
android:background="#FFFFFF">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="我的收藏"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=">"
android:textSize="20sp"
android:layout_marginLeft="250dp"/>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="1sp"
android:background="#00CD00"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:orientation="horizontal"
android:gravity="center_vertical"
android:padding="10dp"
android:background="#FFFFFF">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="收到的心意、卡片"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=">"
android:textSize="20sp"
android:layout_marginLeft="193dp"/>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="1sp"
android:background="#00CD00"/>
<View
android:layout_width="match_parent"
android:layout_height="20dp" />
<View
android:layout_width="match_parent"
android:layout_height="1sp"
android:background="#00CD00"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:orientation="horizontal"
android:gravity="center_vertical"
android:padding="10dp"
android:background="#FFFFFF">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="分享给朋友"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="累计分享成功25次"
android:layout_marginLeft="100dp"
android:textColor="#C1CDC1"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=">"
android:textSize="20sp"
android:layout_marginLeft="20dp"/>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="1sp"
android:background="#00CD00"/>
<View
android:layout_width="match_parent"
android:layout_height="20dp" />
<View
android:layout_width="match_parent"
android:layout_height="1sp"
android:background="#00CD00"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:orientation="horizontal"
android:gravity="center_vertical"
android:padding="10dp"
android:background="#FFFFFF">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="设置"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=">"
android:textSize="20sp"
android:layout_marginLeft="275dp"/>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="1sp"
android:background="#00CD00"/>
<View
android:layout_width="match_parent"
android:layout_height="20dp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center"
android:background="#FFFFFF">
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_weight="1"
android:gravity="center">
<TextView
android:layout_width="50dp"
android:layout_height="50dp"
android:background="@mipmap/cake01"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:text="班课"
/>
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_weight="1"
android:gravity="center">
<TextView
android:layout_width="50dp"
android:layout_height="50dp"
android:background="@mipmap/cake02"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:text="发现"
/>
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_weight="1"
android:gravity="center">
<TextView
android:layout_width="50dp"
android:layout_height="50dp"
android:background="@mipmap/cake03"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:text="我的"
/>
</LinearLayout>
</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"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:gravity="center"
android:background="@mipmap/backimg"
tools:context="com.example.linearlayoutdemo02.MainActivity">
<TextView
android:id="@+id/tv_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="40sp"
android:singleLine="true"
android:ellipsize="marquee"
android:marqueeRepeatLimit="marquee_forever"
android:text="这里有各式各样的美味蛋糕,任你选择!"
android:textColor="#f00000" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center">
<TextView
android:id="@+id/tv_cake01"
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@mipmap/cake01"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:text="蛋糕1"
android:textColor="#f00000"
/>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@mipmap/cake02"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:text="蛋糕2"
android:textColor="#f00000"
/>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@mipmap/cake03"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:text="蛋糕3"
android:textColor="#f00000"
/>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@mipmap/cake04"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:text="蛋糕4"
android:textColor="#f00000"
/>
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@mipmap/cake05"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:text="蛋糕5"
android:textColor="#f00000"
/>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@mipmap/cake06"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:text="蛋糕6"
android:textColor="#f00000"
/>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@mipmap/cake07"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:text="蛋糕7"
android:textColor="#f00000"
/>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@mipmap/cake08"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:text="蛋糕8"
android:textColor="#f00000"
/>
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@mipmap/cake09"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:text="蛋糕19"
android:textColor="#f00000"
/>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@mipmap/cake10"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:text="蛋糕10"
android:textColor="#f00000"
/>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@mipmap/cake11"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:text="蛋糕11"
android:textColor="#f00000"
/>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@mipmap/cake12"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:text="蛋糕12"
android:textColor="#f00000"
/>
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@mipmap/cake13"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:text="蛋糕13"
android:textColor="#f00000"
/>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@mipmap/cake14"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:text="蛋糕14"
android:textColor="#f00000"
/>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@mipmap/cake15"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:text="蛋糕15"
android:textColor="#f00000"
/>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@mipmap/cake16"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:text="蛋糕16"
android:textColor="#f00000"
/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
为了发博文,所有代码均用硬代码。