[英]How to use the new Android Constraint Layout to reduce View hierarchy
[英]Reduce view hierarchy in android layout
这是垂直方向布局中的一行。
我用以下xml创建它:
<LinearLayout
android:id="+@id/lineWrapper"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/button_item_bg"
android:clickable="false"
android:orientation="horizontal"
android:baselineAligned="false">
<LinearLayout
android:id="+@id/leftWrapper"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:paddingLeft="10dp">
<TextView
android:id="@+id/header_title"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingBottom="2dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:paddingTop="15dp"
android:text="Header Title"
android:textSize="19sp" />
<TextView
android:id="@+id/header_sub_title"
android:text="Header Sub-title"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingBottom="15dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:paddingTop="0dp"
android:textSize="16sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/rightWrapper"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="center|center_horizontal"
android:layout_weight="1"
android:orientation="vertical"
android:paddingRight="10dp">
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center|right"
android:paddingRight="17dp"
android:text="Value"
android:textSize="26sp" />
</LinearLayout>
</LinearLayout>
这需要大量使用线性布局。 有没有一种方法可以达到相同的目的,但是XML更少或性能更好?
像这样(未经测试)
<RelativeLayout
android:id="@+id/lineWrapper"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/button_item_bg"
android:clickable="false"
>
<TextView
android:id="@+id/txt_value"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_alignParentRight="true"
android:gravity="right|center_vertical"
android:paddingRight="27dp"
android:text="Value"
android:textSize="26sp"
/>
<TextView
android:id="@+id/header_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_toLeftOf="@id/txt_value"
android:paddingBottom="2dp"
android:paddingLeft="20dp"
android:paddingRight="10dp"
android:paddingTop="15dp"
android:text="Header Title"
android:textSize="19sp"
/>
<TextView
android:id="@+id/header_sub_title"
android:text="Header Sub-title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/header_title"
android:layout_toLeftOf="@id/txt_value"
android:paddingBottom="15dp"
android:paddingLeft="20dp"
android:paddingRight="10dp"
android:textSize="16sp"
/>
</RelativeLayout>
注意:请始终分配资源ID,例如android:id="@+id/leftWrapper"
而不是android:id="+@id/leftWrapper"
,请使其正确。
您可以在需要将项目彼此相关的地方使用相对布局。 更多信息请看这里
使用此代码可实现相同的目的:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/lineWrapper"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/ic_launcher" >
<TextView
android:id="@+id/header_title"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingBottom="2dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:paddingTop="15dp"
android:text="Header Title"
android:textSize="19sp" />
<TextView
android:id="@+id/header_sub_title"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingBottom="15dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:paddingTop="0dp"
android:text="Header Sub-title"
android:textSize="16sp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/header_title"
android:layout_alignBottom="@+id/header_title"
android:layout_alignParentLeft="true"
android:gravity="center|right"
android:paddingRight="17dp"
android:text="Value"
android:textSize="26sp" />
</RelativeLayout>
试试这个,会为你工作
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/lineWrapper"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/button_item_bg"
android:clickable="false"
>
<TextView
android:id="@+id/txt_value"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerInParent="true"
android:paddingRight="27dp"
android:text="Value"
android:textSize="26sp"
/>
<TextView
android:id="@+id/header_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_toLeftOf="@+id/txt_value"
android:paddingBottom="2dp"
android:paddingLeft="20dp"
android:paddingRight="10dp"
android:paddingTop="15dp"
android:text="Header Title"
android:textSize="19sp"
/>
<TextView
android:id="@+id/header_sub_title"
android:text="Header Sub-title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/header_title"
android:layout_toLeftOf="@+id/txt_value"
android:paddingBottom="15dp"
android:paddingLeft="20dp"
android:paddingRight="10dp"
android:textSize="16sp"
/>
</RelativeLayout>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.