RelativeLayout与LinearLayout的比较
转自:http://blog.csdn.net/onepiece2/article/details/26396287
RelativeLayout
是相对布局在页面上相对于页面坐标进行布局设置。比如可以通过确定对象A确定对象B的位置,B可以在A的上下左右,对象B距离A的位置。
RelativeLayout的灵活性很高,但在实际操作过程中我很难确定定位对象的位置,最后用图形界面手托才完成页面的布局。
页面截图如下
实现代码如下
1 <?xml version="1.0" encoding="utf-8"?> 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" > 5 6 <TextView 7 android:id="@+id/userName" 8 android:layout_width="wrap_content" 9 android:layout_height="wrap_content" 10 android:layout_alignBottom="@+id/tipUserName" 11 android:layout_alignParentTop="true" 12 android:text="@string/user_name" 13 android:textSize="20sp" /> 14 15 <EditText 16 android:id="@+id/tipUserName" 17 android:layout_width="match_parent" 18 android:layout_height="wrap_content" 19 android:layout_toRightOf="@id/userName" 20 android:inputType="text" 21 android:text="@string/tip_user_name" /> 22 23 <TextView 24 android:id="@+id/passWord" 25 android:layout_width="wrap_content" 26 android:layout_height="wrap_content" 27 android:layout_above="@+id/checkBox" 28 android:layout_alignParentLeft="true" 29 android:layout_below="@id/userName" 30 android:layout_toLeftOf="@+id/tipUserName" 31 android:text="@string/user_password" 32 android:textSize="20sp" /> 33 34 <EditText 35 android:id="@+id/tipPassword" 36 android:layout_width="match_parent" 37 android:layout_height="wrap_content" 38 android:layout_below="@id/tipUserName" 39 android:layout_toRightOf="@id/passWord" 40 android:inputType="textPassword" 41 android:text="@string/tip_user_password" /> 42 43 <Button 44 android:id="@+id/logInBtn" 45 android:layout_width="wrap_content" 46 android:layout_height="wrap_content" 47 android:layout_below="@id/passWord" 48 android:text="@string/login_Btn" /> 49 50 <CheckBox 51 android:id="@+id/checkBox" 52 android:layout_width="match_parent" 53 android:layout_height="wrap_content" 54 android:layout_below="@id/tipPassword" 55 android:layout_toRightOf="@id/logInBtn" 56 android:text="@string/rember_pass" /> 57 58 </RelativeLayout>
用户名和密码字体过小,可用android:textSize="XXsp"调整字体大小。
我本来想通过用户名框的位置定下用户名输入框的位置和密码框的位置,再通过密码框的位置定位到密码输入框的和登陆按钮的位置,最后通过登陆按钮来确定单选框的位置。最后结果就是由于用户名框和密码框太小,导致部分挤在了一起,特别难看。
LinearLayout
线性布局也是一种比较灵活的布局方式, 通过直接的线性布局对页面直接实现布局。
在使用LinearLayout 的时候,思路大致是将页面母板分成若干部分,然后母板LinearLayout 使用android:orientation="vertical"将各个部分垂直分布,然后每个部分中的各个对象通过android:orientation="horizontal"实现各个对象的横向分布。
实现页面如下
实现代码如下
1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:tools="http://schemas.android.com/tools" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" 5 android:orientation="vertical" 6 tools:context="${packageName}.${activityClass}" 7 tools:ignore="Orientation" > 8 9 <LinearLayout 10 android:layout_width="match_parent" 11 android:layout_height="wrap_content" 12 android:orientation="horizontal" > 13 14 <TextView 15 android:id="@+id/userName" 16 android:layout_width="wrap_content" 17 android:layout_height="wrap_content" 18 android:text="@string/user_name" /> 19 20 <EditText 21 android:id="@+id/tipUserName" 22 android:layout_width="0dp" 23 android:layout_height="wrap_content" 24 android:layout_weight="1" 25 android:inputType="text" 26 android:text="@string/tip_user_name" /> 27 </LinearLayout> 28 29 <LinearLayout 30 android:layout_width="match_parent" 31 android:layout_height="wrap_content" 32 android:orientation="horizontal" > 33 34 <TextView 35 android:id="@+id/passWord" 36 android:layout_width="wrap_content" 37 android:layout_height="wrap_content" 38 android:text="@string/user_password" /> 39 40 <EditText 41 android:id="@+id/tipPassword" 42 android:layout_width="0dp" 43 android:layout_height="wrap_content" 44 android:layout_weight="1" 45 android:inputType="textPassword" 46 android:text="@string/tip_user_password" /> 47 </LinearLayout> 48 49 <LinearLayout 50 android:layout_width="match_parent" 51 android:layout_height="wrap_content" 52 android:orientation="horizontal" > 53 54 <Button 55 android:id="@+id/logInBtn" 56 android:layout_width="wrap_content" 57 android:layout_height="wrap_content" 58 android:text="@string/login_Btn" /> 59 60 <CheckBox 61 android:id="@+id/checkBox" 62 android:layout_width="wrap_content" 63 android:layout_height="wrap_content" 64 android:text="@string/rember_pass" /> 65 </LinearLayout> 66 67 </LinearLayout>
在使用LinearLayout 的时候要注意将各个对象包裹进 LinearLayout 。已经有了母板LinearLayout 就不用再重行创建LinearLayout 面板了。对于LinearLayout 的实现思路还是挺清晰的,所以部署起来还是不算很难。
联系方式:emhhbmdfbGlhbmcxOTkxQDEyNi5jb20=