android LinearLayout和RelativeLayout组合实现精确布局方法介绍

郑州X售鸟巢蕨

郑州X售鸟巢蕨

2016-02-19 11:28

今天图老师小编要跟大家分享android LinearLayout和RelativeLayout组合实现精确布局方法介绍,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!
先明确几个概念的区别
padding margin都是边距的含义,关键问题得明白是什么相对什么的边距.
padding是控件的内容相对控件的边缘的边距.
margin是控件边缘相对父空间的边距.
 
android:gravity 属性是对该view 内容的限定.比如一个button 上面的text. 你可以设置该text 在view的靠左,靠右等位置.该属性就干了这个.
android:layout_gravity是用来设置该view中的子view相对于父view的位置.比如一个button 在linearlayout里,你想把该button放在靠左,靠右等位置就可以在linearlayout中通过该属性设置.
代码如下:

?xml version="1.0" encoding="utf-8"?
LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal" android:layout_width="fill_parent"
android:layout_height="wrap_content" android:gravity="center_vertical"
ImageView android:id="@+id/ivLogo" android:layout_width="50dp"
android:layout_height="50dp" android:src="@drawable/icon"
android:paddingLeft="5dp" /
RelativeLayout android:id="@+id/rl_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content" android:gravity="right"
android:padding="10dp"
TextView android:id="@+id/tvApplicationName"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:textSize="16dp" /
/RelativeLayout
RelativeLayout android:id="@+id/rl_score"
android:layout_width="fill_parent"
android:layout_height="wrap_content" android:gravity="right"
android:padding="10dp"
TextView android:id="@+id/tvRating" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:text="5.0" /
RatingBar android:id="@+id/ratingbar" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:numStars="5"
style="?android:attr/ratingBarStyleSmall" android:layout_below="@id/tvRating" /
/RelativeLayout
/LinearLayout

 
上面的布局文件是一个ListView中的list_item布局,在一个ListView中显示所有的APK资源,每个资源项显示图标,名称及评分。在listItem的最外层LinearLayout中加android:gravity="center_vertical",设定内容垂直居中显示。在id为rl_score的RelativeLayout中设定android:layout_width="fill_parent"来填充剩余空间;android:gravity="right"设定内容相对于rl_score右对齐;android:padding="10dp"设定RelativeLayout中的内容相对RelativeLayout的边缘的边距为10dp。
这个布局虽然简单,但却是经常用到的。
展开更多 50%)
分享

猜你喜欢

android LinearLayout和RelativeLayout组合实现精确布局方法介绍

编程语言 网络编程
android LinearLayout和RelativeLayout组合实现精确布局方法介绍

Android 布局控件之LinearLayout详细介绍

编程语言 网络编程
Android 布局控件之LinearLayout详细介绍

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

android LinearLayout 布局实例代码

编程语言 网络编程
android LinearLayout 布局实例代码

Android 有道词典的简单实现方法介绍

编程语言 网络编程
Android 有道词典的简单实现方法介绍

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Class组合实现Div+CSS布局

Web开发
Class组合实现Div+CSS布局

用Class组合实现Div+CSS布局

Web开发
用Class组合实现Div+CSS布局

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Ajax 学习资源 中外都有

Ajax 学习资源 中外都有

如何使用w和uptime命令查看Linux系统使用率

如何使用w和uptime命令查看Linux系统使用率
下拉加载更多内容 ↓