android LinearLayout和RelativeLayout实现精确布局

现在的位置: 首页 > 综合 > 正文

RSS

android LinearLayout和RelativeLayout实现精确布局

2017年11月19日 ⁄ 综合 ⁄ 共 2396字 ⁄ 字号小中大 ⁄ 评论关闭

IT程序员开发必备-各类资源下载清单，史上最全IT资源，个人收藏总结！

先明确几个概念的区别：

padding margin：都是边距的含义，关键问题得明白是什么相对什么的边距
padding：是控件的内容相对控件的边缘的边距．

margin ：是控件边缘相对父空间的边距

android:gravity是对该view 内容的限定．

比如一个button 上面的text. 你可以设置该text 在view的靠左，靠右等位置．该属性就干了这个．

android:layout_gravity 是用来设置该view中的子view相对于父view的位置．

比如一个button 在linearlayout里，你想把该button放在靠左，靠右等位置就可以在linearlayout中通过该属性设置

XML 布局文件

[html]view

 plaincopyprint?

<?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>