XML如何将imageView固定到布局中的位置

时间:2018-04-27 21:55:52

标签: android android-layout android-linearlayout

我有两排垂直放置。这两行都包含一个位置图标,后面有一些文本,我将textview maxlength设置为8。

当文本大小超过8时我没有问题,因为位置图标位置很好,但是当文本大小小于8时,位置图标的位置向右移动。我怎样才能修好它?

我想要的是让第二行的位置图标与第一行的位置图标位于同一位置,然后文本应该跟随。

注意:我不想使用paddingRight来实现这一点,因为我打算在列表视图中使用此布局,我不知道最小文本长度。

添加了布局的图像,XML很长,只需看一下图像上的线条,你就会明白。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin">

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

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingTop="1dp"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:background="@drawable/copyboder4_two"
                android:layout_marginBottom="4dp">

                <TextView
                    android:id="@+id/most_lodged_number"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="77"
                    android:textSize="11sp"/>
            </LinearLayout>


        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:paddingLeft="15dp">

            <TextView
                android:id="@+id/list_header"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textStyle="bold"
                android:text="The Swtich at the LR is faulty, come and fix as  possible"
                android:layout_marginBottom="4dp"/>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:paddingRight="20dp">

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

                    <TextView
                        android:id="@+id/list_detail"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:maxLines="1"
                        android:text="I can perceive that the switch is vertyy.. " />



                        <ImageView
                            android:id="@+id/most_complaints_expand"
                            android:layout_width="16dp"
                            android:layout_height="14dp"
                            android:src="@drawable/ic_expand_more_black_18dp"
                            android:tint="@color/colorPrimaryDark"
                            android:layout_gravity="bottom" />
                </LinearLayout>
            </LinearLayout>
        </LinearLayout>

    </LinearLayout>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:paddingRight="42dp"
        android:layout_marginTop="9dp"
        android:layout_gravity="right">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginRight="7dp">

            <ImageView
                android:layout_width="16dp"
                android:layout_height="16dp"
                android:layout_marginRight="3dp"
                android:src="@drawable/icons8_manager48" />

            <TextView
                android:id="@+id/lecturer_number"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="20"
                android:textSize="12sp"/>

        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginRight="7dp">

            <ImageView
                android:layout_width="16dp"
                android:layout_height="15dp"
                android:layout_marginRight="3dp"
                android:src="@drawable/icons8_student_male_48"
                android:id="@+id/imageView2" />

            <TextView
                android:id="@+id/student_number"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="25"
                android:textSize="12sp"/>

        </LinearLayout>

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


            <ImageView
                android:layout_width="16dp"
                android:layout_height="15dp"
                android:src="@drawable/icons8_marker_40"
                android:layout_marginRight="1dp"/>

            <TextView
                android:id="@+id/location_text"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Mass Comm Lab"
                android:maxLength="8"
                android:textSize="12sp"/>
        </LinearLayout>
    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginTop="30dp">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingTop="1dp"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:background="@drawable/copyboder4_two"
                android:layout_marginBottom="4dp">

                <TextView
                    android:id="@+id/most_lodged_number2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="77"
                    android:textSize="11sp"/>
            </LinearLayout>
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:paddingLeft="15dp">

            <TextView
                android:id="@+id/list_header1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textStyle="bold"
                android:text="The Swtich at the LR is faulty, come and fix as  
                 possible"
                android:layout_marginBottom="4dp"/>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:paddingRight="20dp">

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

                    <TextView
                        android:id="@+id/list_detail2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:maxLines="1"
                        android:text="I can perceive that the switch is vertyy.. 
                                 "/>

                    <ImageView
                        android:id="@+id/most_complaints_expand2"
                        android:layout_width="16dp"
                        android:layout_height="14dp"
                        android:src="@drawable/ic_expand_more_black_18dp"
                        android:tint="@color/colorPrimaryDark"
                        android:layout_gravity="bottom" />

                </LinearLayout>

            </LinearLayout>
        </LinearLayout>

    </LinearLayout>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:paddingRight="42dp"
        android:layout_marginTop="9dp"
        android:layout_gravity="right">


        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginRight="7dp">

            <ImageView
                android:layout_width="16dp"
                android:layout_height="16dp"
                android:layout_marginRight="3dp"
                android:src="@drawable/icons8_manager48" />

            <TextView
                android:id="@+id/lecturer_number1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="20"
                android:textSize="12sp"/>

        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginRight="7dp">

            <ImageView
                android:layout_width="16dp"
                android:layout_height="15dp"
                android:layout_marginRight="3dp"
                android:src="@drawable/icons8_student_male_48"/>

            <TextView
                android:id="@+id/student_number1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="25"
                android:textSize="12sp"/>

        </LinearLayout>

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


            <ImageView
                android:layout_width="16dp"
                android:layout_height="15dp"
                android:src="@drawable/icons8_marker_40"
                android:layout_marginRight="1dp"/>

            <TextView
                android:id="@+id/location_text1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Lab 1"
                android:maxLength="8"
                android:textSize="12sp"/>
        </LinearLayout>
    </LinearLayout>

</LinearLayout>

enter image description here

3 个答案:

答案 0 :(得分:1)

你需要为两个Textview设置一个固定的layout_width,另一个选项是添加&#34; &#34;用于完成每个文本视图的文本的空格

答案 1 :(得分:1)

老实说,你的布局有点乱,而且比它需要的更复杂。因此,很难确切地知道如何获得你想要的东西。话虽如此,我相信如果您添加android:layout_weight="1"android:layout_width="0" 对于那些TextView,它可能会指向正确的方向。您可能还需要在水平线的开头添加要缩进的宽View

答案 2 :(得分:0)

您可以在xml中设置“location_text”textview的最小ems,如下所示:

android:minEms="8"