Xamarin Android 布局右对齐图像

Question

我有一个如下所示的表格：

我希望它看起来像这样：

我无法让底部的 imageview 右对齐，而文本则靠边。

这是我的代码：

<LinearLayout
            android:orientation="horizontal"
            android:minWidth="25px"
            android:minHeight="25px"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/linearLayout1"
            android:layout_margin="2dp">

            <TextView
                android:id="@+id/TextView1"
                android:layout_height="wrap_content"
                android:drawablePadding="10dp"
                android:gravity="right|center"
                android:text="Batch Code:"
                android:textColor="@color/black"
                style="@style/ECSmallText"
                android:layout_width="95dp"
                android:layout_gravity="center_vertical" />
            <TextView
                android:id="@+id/TextView_BatchCode"
                android:layout_height="wrap_content"
                android:layout_marginLeft="15dp"
                android:gravity="center|left"
                android:text="XXX"
                android:textColor="@color/black"
                style="@style/ECSmallTextBold"
                android:layout_width="100dp"
                android:layout_gravity="center_vertical" />           
          
        </LinearLayout>  
        <LinearLayout
            android:orientation="horizontal"
            android:minWidth="25px"
            android:minHeight="25px"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/linearLayout1"
            android:layout_margin="2dp">
            
            <TextView
                android:id="@+id/TextView1"
                android:layout_height="wrap_content"
                android:gravity="right|center"
                android:text="Day Colour:"
                android:textColor="@color/black"
                style="@style/ECSmallText"
                android:layout_width="95dp"
                android:layout_gravity="center_vertical" />
            <TextView
                android:id="@+id/TextView_DayOfWeekColour"
                android:layout_height="wrap_content"
                android:layout_marginLeft="15dp"
                android:gravity="center|left"
                android:text="01/01/2000"
                android:textColor="@color/black"
                style="@style/ECSmallTextBold"
                android:layout_width="100dp"
                android:layout_gravity="center_vertical" />            
            
        </LinearLayout>                                  
                 
        <LinearLayout
            android:orientation="horizontal"
            android:minWidth="25px"
            android:minHeight="25px"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/linearLayout1"
            android:layout_margin="2dp">
            
            <TextView
                android:id="@+id/TextView1"
                android:layout_height="wrap_content"
                android:gravity="right|center"
                android:text="Tray Count:"
                android:textColor="@color/black"
                style="@style/ECSmallText"
                android:layout_width="95dp"
                android:layout_gravity="center_vertical" />
            <TextView
                android:id="@+id/TextView_TrayCount"
                android:layout_height="wrap_content"
                android:layout_marginLeft="15dp"
                android:gravity="center|left"
                android:text="01/01/2000"
                android:textColor="@color/black"
                style="@style/ECSmallTextBold"
                android:layout_width="wrap_content"
                android:layout_gravity="center_vertical" />
        </LinearLayout>        
        <LinearLayout
            android:orientation="horizontal"
            android:minWidth="25px"
            android:minHeight="25px"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/linearLayout1"
            android:layout_margin="5dp">
            <ImageView
                android:src="@android:drawable/ic_menu_gallery"
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:layout_centerInParent="true"
                android:gravity="center"
                android:adjustViewBounds="true"
                android:id="@+id/imageView_QRCode"
                android:layout_weight="1"
                android:scaleType="center"
                android:layout_marginLeft="0.0dp" />            
        </LinearLayout> 
        <LinearLayout
            android:orientation="horizontal"
            android:minWidth="25px"
            android:minHeight="25px"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/linearLayout1"
            android:layout_margin="2dp">
            
        </LinearLayout> 
    </LinearLayout>

Answer 1

您可以使用 layout_weight 来实现。

<!--> // Container Linear Layout </-->
<LinearLayout
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:weightSum="100"
    > 

    <!--> // Left side Linear Layout </-->
    <LinearLayout
            android:orientation="vertical"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="40"
    >
    <!--> // Other Elements </-->
    </LinearLayout>


    <!--> // Right side Linear Layout (Image Portion) </-->
    <LinearLayout
            android:orientation="vertical"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="60"
    >
    <!--> // Image </-->
    </LinearLayout>

</LinearLayout>

详细了解 layout_weight 线性布局 here

Xamarin Android 布局右对齐图像

Xamarin Android layout align image right

c#

layout

xaml

xamarin