线性布局中的按钮位置错误

Question

我有三个文本视图，在线性布局的水平方向上有drawableleft，并试图首先显示@+idtv_video_call视图，然后是tv_language，并在android studio预览中正确显示，并且不改变其在类中的位置。

<LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentEnd="true"
                android:orientation="horizontal">


                <TextView
                    android:id="@+id/tv_video_call"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="5dp"
                    android:layout_marginEnd="7dp"
                    android:drawableLeft="@drawable/ic_video"
                    android:drawablePadding="10dp"
                    android:gravity="center"
                    android:text="Video Call"
                    android:textColor="@color/white"
                    android:textScaleX="1.2"
                    android:textSize="16sp"
                    android:textStyle="bold" />

                <View
                    android:id="@+id/vertical_line"
                    android:layout_width="2dp"
                    android:layout_height="22dp"
                    android:layout_marginStart="5dp"
                    android:layout_marginTop="5dp"
                    android:layout_marginEnd="3dp"
                    android:layout_marginBottom="5dp"
                    android:layout_toStartOf="@id/tv_language"
                    android:background="@color/white"
                    android:paddingTop="2dp"
                    android:textStyle="bold" />

                <TextView
                    android:id="@+id/tv_language"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="7dp"
                    android:layout_marginTop="4dp"
                    android:layout_marginEnd="7dp"
                    android:layout_marginRight="15dp"
                    android:layout_toLeftOf="@id/tv_logout"
                    android:drawableLeft="@drawable/ic_language"
                    android:drawablePadding="10dp"
                    android:gravity="center"
                    android:text="@string/logout"
                    android:textColor="@color/white"
                    android:textScaleX="1.2"
                    android:textSize="16sp"
                    android:textStyle="bold" />


                <View
                    android:id="@+id/logoutline"
                    android:layout_width="2dp"
                    android:layout_height="22dp"
                    android:layout_marginStart="5dp"
                    android:layout_marginTop="5dp"
                    android:layout_marginEnd="3dp"
                    android:layout_marginBottom="5dp"
                    android:layout_toStartOf="@id/tv_language"
                    android:background="@color/white"
                    android:paddingTop="2dp"
                    android:textStyle="bold" />

                <TextView
                    android:id="@+id/tv_logout"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentEnd="true"
                    android:layout_marginStart="7dp"
                    android:layout_marginTop="4dp"
                    android:layout_marginEnd="8dp"
                    android:layout_marginRight="6dp"
                    android:drawableLeft="@drawable/logouticon"
                    android:gravity="center"
                    android:text="@string/logout"
                    android:textColor="@color/white"
                    android:textScaleX="1.2"
                    android:textSize="16sp"
                    android:textStyle="bold"
                    android:visibility="visible" />
            </LinearLayout>

但模拟器显示第一个文本视图后，第二个不知道是什么原因导致它转移到那个地方。

Answer 1

试着用0dp设置按钮宽度，并设置 重量 为1，以便它们在布局中平分。

现在你设置了宽度来包住内容，这意味着如果这两个按钮不能同时放进去，其中一个会被移出。