Android 布局练习
来源:互联网 发布:ss账号哪里购买好 知乎 编辑:程序博客网 时间:2024/05/02 02:43
要求:使用多种布局完成以下练习。
1.要求效果 完成效果
代码:
<?xml version="1.0" encoding="utf-8"?><RelativeLayout 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" tools:context="com.example.administrator.myapplication.zuoye728_1Activity"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#beb0b0" android:id="@+id/ll1" > <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="请登录" android:textSize="20sp" android:gravity="center" android:layout_marginTop="20dp" android:layout_marginBottom="20dp" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/ll1" android:orientation="vertical" android:id="@+id/ll2" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:clickable="true" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/xiaoxi" android:background="@drawable/zuoye728_1" android:layout_gravity="center" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text=" 消息平台" android:textColor="@color/test_bg" android:textSize="30sp" /> </LinearLayout><View android:layout_width="match_parent" android:layout_height="1dp" android:background="#beb0b0" ></View> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/ll2" android:orientation="vertical" android:id="@+id/ll3" android:clickable="true" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/huodong" android:layout_gravity="center" android:background="@drawable/zuoye728_2" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text=" 校园活动" android:textColor="@color/test_bg" android:textSize="30sp" /> </LinearLayout> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="#beb0b0" > </View> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/ll3" android:orientation="vertical" android:id="@+id/ll4" android:clickable="true" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/sixiang" android:layout_gravity="center" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text=" 思想引领" android:textColor="@color/test_bg" android:textSize="30sp" /> </LinearLayout> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="#beb0b0" > </View> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/ll4" android:orientation="vertical" android:id="@+id/ll5" android:clickable="true" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/jiuye" android:layout_gravity="center" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text=" 就业招聘" android:textColor="@color/test_bg" android:textSize="30sp" /> </LinearLayout> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="#beb0b0" > </View> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/ll5" android:orientation="vertical" android:id="@+id/ll6" android:clickable="true" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/kaoyan" android:layout_gravity="center" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text=" 考研出国" android:textColor="@color/test_bg" android:textSize="30sp" /> </LinearLayout> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="#beb0b0" > </View> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/ll6" android:orientation="vertical" android:id="@+id/ll7" android:clickable="true" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/b" android:layout_gravity="center" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text=" 便利工具" android:textColor="@color/test_bg" android:textSize="30sp" /> </LinearLayout> </LinearLayout></RelativeLayout>
2.完成下图三个布局。
作业1实际效果:
代码1:
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/ic_launcher" android:layout_marginTop="20dp" /> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="热门评论" android:textColor="#ff0000" android:textSize="20sp" android:id="@+id/tv1" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="HighSmile山人" android:textSize="20sp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="丹麦治安一直都很好,这种事情估计可以 轰动他们全国了" android:textColor="" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:background="#d1c8c8" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/ic_launcher" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="丹麦连发2起枪击案致1死6伤 尚不清楚是否相关" android:textColor="" android:layout_gravity="center" /> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="5小时前" android:layout_marginTop="10dp" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/dianzan" android:layout_marginTop="10dp" android:layout_marginLeft="90dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="200" android:layout_marginTop="10dp" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/pinglun" android:layout_marginTop="6dp" android:layout_marginLeft="10dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="1" android:layout_marginTop="10dp" /> </LinearLayout> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="查看1条评论" android:textColor="#3a05e9" android:background="#d1c8c8" /> </LinearLayout> </LinearLayout></LinearLayout>作业2实际效果:
代码2:
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:background="#f1eaea" > <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" > <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" > <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="20dp" android:text="春晚五彩:沈腾小品还在" android:textColor="" android:textSize="20sp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="修改" android:textColor="" android:textSize="20sp" /> </LinearLayout> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="20dp" android:text="新浪娱乐 评论 220" /> </LinearLayout> </LinearLayout> <ImageView android:layout_width="100dp" android:layout_height="100dp" android:src="@mipmap/ic_launcher" android:layout_marginLeft="40dp" /> </LinearLayout></LinearLayout>作业3实际效果:
0 0
- android 布局练习
- Android 布局练习
- android UI布局练习3
- Android代码练习:网格布局
- Android进阶练习-改善布局性能
- android 实战练习 回归手机卫士 一 主界面布局
- Android UI布局练习1(垂直分布)
- Android(9)相对布局及其属性和练习
- Android中常用布局 (多练习) table div+css
- 练习Android大图轮播效果的实现-大致布局
- Android UI 开发入门—线性布局练习
- 【初学EXT】布局练习
- RelativeLayout 布局练习
- 九宫格布局练习
- css练习 简单布局
- 练习---边框式布局
- 相对布局练习
- html布局练习
- Android 数据显示在屏幕上
- Linux 线程同步的三种方法
- 赛码网730内推节Java 第一题
- POJ 2441 Arrange the Bulls(状态压缩DP)
- "Spark Streaming + Kafka direct + checkpoints + 代码改变" 引发的问题
- Android 布局练习
- 设计模式之合成模式
- composer 安装yii2框架
- jQuery 从零开始学习 (五) 动画
- Double
- NSUserDefaults standardUserDefaults使用注意事项
- Hdu5776 字串的和[鸽巢原理]
- 【PAT】卡时专题
- 单例模式