Question

以下是UI的图像。当应用程序启动时，它似乎如下 enter image description here

在这里我显示了计时器和公里变化的变化。当公里变化时，我的布局受到如下干扰

enter image description here

以下是我的ui的布局

<LinearLayout android:id="@+id/linearLayout2"  android:background="@drawable/rounded_background" android:layout_width="fill_parent" android:layout_height="wrap_content"  android:layout_marginTop="50dip"
                          android:layout_marginLeft="15dip" android:layout_marginRight="15dip" android:orientation="vertical">

                <LinearLayout android:id="@+id/linearLayout3"  android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content">        
                       <TextView android:text="00:00:00" android:id="@+id/timer"  android:textSize="28dip" android:gravity="center_vertical|center_horizontal" android:textColor="#000000"
                                 android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="15dip" android:layout_marginBottom="15dip">
                        </TextView>
                </LinearLayout>

                <View android:id="@+id/separator1" android:background="#000000" android:layout_width = "fill_parent" android:layout_height="1dip" android:layout_centerVertical ="true" android:layout_alignParentTop="true"/>

                <LinearLayout android:id="@+id/linearLayout4" android:layout_width="wrap_content" android:orientation="horizontal" android:layout_height="wrap_content">
                    <LinearLayout android:layout_marginLeft="55dip" android:id="@+id/linearLayout5" android:layout_width="wrap_content" android:orientation="horizontal" android:layout_height="wrap_content">
                            <TextView android:text="0" android:id="@+id/pace"  android:textSize="17dip"  android:textColor="#000000" android:layout_marginBottom="5dip" android:layout_weight="1"
                                      android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="15dip" android:lines="1" android:gravity="right" >
                            </TextView>
                            <TextView android:text="Km/hr" android:id="@+id/pace1" android:layout_width="wrap_content" android:layout_height="wrap_content" 
                                      android:lines="1" android:textColor="#000000"  android:layout_marginLeft="7dip" android:layout_marginTop="15dip" android:layout_marginBottom="15dip">
                            </TextView>
                    </LinearLayout>           

                    <View android:id="@+id/separator2" android:layout_marginLeft="40dip" android:layout_width="1dip" android:layout_height="fill_parent"  android:background="#000000" />

                    <LinearLayout android:id="@+id/linearLayout6" android:layout_width="wrap_content" android:orientation="horizontal" android:layout_height="wrap_content">
                            <TextView android:text="0" android:id="@+id/cal"  android:textSize="20dip"  android:textColor="#000000" android:layout_marginBottom="5dip"
                                      android:layout_marginLeft="25dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="15dip">  
                            </TextView>
                            <TextView android:text="cal" android:id="@+id/cal1" android:layout_width="wrap_content" android:layout_height="wrap_content" 
                                      android:textColor="#000000"  android:layout_marginLeft="15dip" android:layout_marginTop="15dip" android:layout_marginBottom="5dip">               
                            </TextView>
                    </LinearLayout>    
                </LinearLayout>

我不希望我的用户界面被打扰，怎么做才能帮助我的朋友......

Answer 1

你应该设置Layout_Width="50dip"或者一些常量..如果你把它作为包装内容说它做了它并且布局受到干扰......我说的是2个具有km和cal的文本视图..

Answer 2

将相同的layout_weight分配给linearLayout5和linearLayout6。

Answer 3

您的观看文字以边距手动居中。您可以看到，这种方法并不灵活。我会删除这些边距并设置landroid:layout_gravity="center"。此外，您应分别为android:layout_weight TextView和cal设置cal1，分别为0.6和0.4。如果不适合你，请稍微改变重量。

Answer 4

将下面的表行用于linearLayout2。在该表格行中使用两个线性布局，方向为垂直。对于第一个线性布局，固定它的宽度。然后在第一个线性布局和放大后放置视图。然后第二个线性布局。 TextView1在第一个线性布局中为消息＆amp;线性lay2中的textview2。

Answer 5

为什么不使用一个 RelativeLayout for efficiency

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent" android:layout_height="125dp">
    <TextView android:text="00:00:00" android:id="@+id/timer"
        android:textSize="28dp" android:gravity="center_vertical|center_horizontal"
        android:textColor="#000000" android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:layout_marginTop="15dp"
        android:layout_marginBottom="15dp" />
    <View android:id="@+id/separator1" android:background="#000000"
        android:layout_width="fill_parent" android:layout_height="1dp"
        android:layout_below="@+id/timer" android:layout_marginRight="15dp"
        android:layout_marginLeft="15dp" />
    <TextView android:text="cal" android:id="@+id/cal1"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:textColor="#000000" android:layout_marginRight="15dp"
        android:layout_marginTop="20dp" android:layout_marginBottom="15dp"
        android:layout_alignParentRight="true" android:layout_below="@+id/separator1" />
    <TextView android:text="0" android:id="@+id/cal"
        android:textSize="20dp" android:textColor="#000000"
        android:layout_marginRight="7dp" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:layout_toLeftOf="@+id/cal1"
        android:layout_alignBaseline="@+id/cal1" />
    <View android:id="@+id/separator2"
        android:layout_alignParentRight="true" android:layout_marginRight="100dp"
        android:layout_width="1dp" android:layout_height="fill_parent"
        android:layout_marginBottom="15dp" android:layout_below="@+id/separator1"
        android:background="#000000" />
    <TextView android:text="Km/hr" android:id="@+id/pace1"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:textColor="#000000" android:layout_marginRight="7dp"
        android:layout_alignBaseline="@+id/cal1" android:layout_toLeftOf="@+id/separator2" />
    <TextView android:text="0" android:id="@+id/pace"
        android:textSize="17dp" android:textColor="#000000"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:layout_marginRight="7dp" android:layout_alignBaseline="@+id/cal1"
        android:layout_toLeftOf="@+id/pace1" />
</RelativeLayout>

Android UI的问题

5 个答案: