如何最好地改善xml布局

问题描述 投票:-1回答:1

我使用android studio设计了一个小页面但是问题是我在里面使用了很多行。例如,您在相对布局内找到线性布局。在这里,您会发现很多复杂的元素。我正在做些什么来改进此设计使其更好?我希望提出适当的想法。enter image description here//代码xml:

        <RelativeLayout
            android:id="@+id/r_container2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">
                <RelativeLayout
                    android:id="@+id/row_tow"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:padding="8dp">
                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentEnd="true"
                        android:layout_centerVertical="true"
                        android:orientation="horizontal">
                        <TextView
                            android:id="@+id/text_select_time_azcar"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center"
                            android:layout_weight="4"
                            android:textColor="#65a699"
                            android:fontFamily="@font/coor"
                            android:gravity="center"
                            android:text="@string/remember_me2"
                            android:textSize="22sp" />
                        <ImageView
                            android:id="@+id/icon_selected_time"
                            android:layout_width="30dp"
                            android:layout_height="30dp"
                            android:layout_weight="2"
                            android:gravity="right"
                            android:src="@drawable/dot1"/>
                    </LinearLayout>
                </RelativeLayout>
            </LinearLayout>
        </RelativeLayout>
        <RelativeLayout
            android:id="@+id/r_container3_"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">
                <RelativeLayout
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:padding="8dp">
                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerVertical="true"
                        android:orientation="horizontal"
                        android:layout_alignParentEnd="true">
                        <TextView
                            android:id="@+id/text_minute_5"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_weight="3"
                            android:paddingEnd="20dp"
                            android:fontFamily="@font/coor"
                            android:gravity="center"
                            android:paddingRight="5dp"
                            android:text="2"
                            android:textColor="#e38305"
                            android:textSize="22sp" />
                    </LinearLayout>
                </RelativeLayout>
            </LinearLayout>
        </RelativeLayout>
        <RelativeLayout
            android:id="@+id/r_container3"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">
                <RelativeLayout
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:padding="8dp">
                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerVertical="true"
                        android:orientation="horizontal"
                        android:layout_alignParentEnd="true">

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_weight="3"
                            android:gravity="center"
                            android:paddingRight="3dp"
                            android:text="ايقاف الذكر فى وقت معين"
                            android:fontFamily="@font/coor"
                            android:textColor="#65a699"
                            android:textSize="22sp" />
                        <ImageView
                            android:id="@+id/icon_point"
                            android:layout_width="20dp"
                            android:layout_height="20dp"
                            android:gravity="center"
                            android:layout_gravity="center"
                            android:src="@drawable/dot1"
                            android:layout_weight="1"/>
                    </LinearLayout>
                </RelativeLayout>
            </LinearLayout>
        </RelativeLayout>


        <RelativeLayout
            android:id="@+id/r_container_34"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"/>
        </RelativeLayout>


        <RelativeLayout
            android:id="@+id/r_container_6"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:paddingRight="30dp"
                android:orientation="horizontal">
                <RelativeLayout
                    android:id="@+id/row_tow6"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:padding="8dp">
                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentEnd="true"
                        android:layout_centerVertical="true"
                        android:orientation="horizontal">
                        <EditText
                            android:id="@+id/text_select_time_from_dialog"
                            android:layout_width="120dp"
                            android:layout_height="50dp"
                            android:layout_gravity="center"
                            android:layout_weight="5"
                            android:textColor="#e38305"
                            android:gravity="center"
                            android:background="@drawable/rounded_edittext"
                            android:paddingRight="20dp"
                            android:text=""
                            android:textSize="22sp" />
                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center"
                            android:layout_weight="4"
                            android:textColor="#e38305"
                            android:textSize="20dp"
                            android:gravity="center"
                            android:text=" : "/>
                        <TextView
                            android:id="@+id/text_select_time_azcar6"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center"
                            android:layout_weight="4"
                            android:textColor="#65a699"
                            android:paddingRight="5dp"
                            android:fontFamily="@font/coor"
                            android:gravity="center"
                            android:text="من الساعه"
                            android:textSize="18sp" />
                        <ImageView
                            android:id="@+id/icon_point6"
                            android:layout_width="20dp"
                            android:layout_height="20dp"
                            android:gravity="center"
                            android:layout_gravity="center"
                            android:src="@drawable/dot1"
                            android:layout_weight="1"/>
                    </LinearLayout>
                </RelativeLayout>
            </LinearLayout>
        </RelativeLayout>


        <RelativeLayout
            android:id="@+id/r_container_7"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:paddingRight="30dp"
                android:orientation="horizontal">
                <RelativeLayout
                    android:id="@+id/row_tow7"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:padding="8dp">
                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentEnd="true"
                        android:layout_centerVertical="true"
                        android:orientation="horizontal">
                        <EditText
                            android:id="@+id/text_select_time_to_dialog"
                            android:layout_width="120dp"
                            android:layout_height="50dp"
                            android:layout_gravity="center"
                            android:layout_weight="5"
                            android:textColor="#e38305"

                            android:gravity="center"
                            android:background="@drawable/rounded_edittext"
                            android:paddingRight="20dp"
                            android:text=""
                            android:textSize="22sp" />
                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center"
                            android:layout_weight="4"
                            android:textColor="#e38305"
                            android:textSize="20dp"
                            android:gravity="center"
                            android:text=" : "/>
                        <TextView
                            android:id="@+id/text_select_time_azcar_8"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center"
                            android:layout_weight="4"
                            android:textColor="#65a699"
                            android:paddingRight="5dp"
                            android:fontFamily="@font/coor"
                            android:gravity="center"
                            android:text="الى الساعه"
                            android:textSize="18sp" />
                        <ImageView
                            android:id="@+id/icon_point7"
                            android:layout_width="20dp"
                            android:layout_height="20dp"
                            android:gravity="center"
                            android:layout_gravity="center"
                            android:src="@drawable/dot1"
                            android:layout_weight="1"/>
                    </LinearLayout>
                </RelativeLayout>
            </LinearLayout>
        </RelativeLayout>
        <LinearLayout
            android:id="@+id/l_container2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_gravity="center"
            android:paddingTop="30dp"
            android:gravity="right">
            <Button
                android:id="@+id/btn_start_remember_me3"
                android:layout_width="100dp"
                android:layout_height="60dp"
                android:layout_gravity="center"
                android:background="@drawable/round_button_dialog"
                android:fontFamily="@font/coor"
                android:gravity="center"
                android:text="@string/text_btn_No"
                android:textColor="#FFFFFF"
                android:paddingRight="20dp"
                android:textSize="22dp" />
            <Button
                android:id="@+id/btn_start_remember_me4"
                android:layout_width="100dp"
                android:paddingLeft="20dp"
                android:layout_height="60dp"
                android:layout_gravity="center"
                android:background="@drawable/round_button_dialog"
                android:fontFamily="@font/coor"
                android:gravity="center"
                android:text="@string/text_btn_OK"
                android:textColor="#FFFFFF"
                android:textSize="22dp" />
        </LinearLayout>
    </LinearLayout>
android android-layout android-preferences
1个回答
0
投票

请使用约束布局以获得更好的性能并避免嵌套布局。

实际上,您并不是以实际使用线性布局的预期方式使用相对布局,因为您创建了一个相对布局来添加线性布局。您不使用任何相对的布局对齐方式,例如

android:layout_alignParentLeft =“ true”android:layout_alignParentTop =“ true”

或其任何约束,例如

app:layout_constraintBottom_toBottomOf =“ parent”app:layout_constraintLeft_toLeftOf =“ parent”

但是完全建议使用约束布局。请检查此内容以了解约束布局。https://medium.com/@noureldeen.abouelkassem/get-constraint-layout-under-your-belt-c2e9ebdfba1f

© www.soinside.com 2019 - 2024. All rights reserved.