组织布局 xamarin
Organize layout xamarin
我的布局中有以下命令
我想组织我的布局,以便 textview 类别保留在 FFImageLoading
<LinearLayout
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_gravity="center"
android:gravity="center"
android:background="#000000"
android:id="@+id/L_imgF1F2">
<LinearLayout
android:layout_width="0dip"
android:layout_height="125dp"
android:orientation="vertical"
android:gravity="bottom"
android:layout_weight="1"
android:id="@+id/imgF1"
android:layout_marginRight="2dp">
<FFImageLoading.Views.ImageViewAsync
android:id="@+id/imazhi"
android:layout_width="100dp"
android:layout_height="80dp"
android:scaleType="centerCrop"
android:layout_marginLeft="4dp"
android:backgroundTint="#00000000" />
<TextView
android:id="@+id/CategoryF1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Category"
android:textSize="12dp"
android:padding="2dp"
android:textColor="#ffffff"
android:gravity="left" />
</LinearLayout>
我希望我的布局是这样组织的,
如图所示
enter image description here
您将无法在此处使用 LinearLayout
。 LinearLayout
的目的是将 Views
一个接一个地堆叠起来。您应该使用 RelativeLayout
,然后在 TextView
上设置 android:layout_alignBottom="true"
,然后将 android:layout_margin
设置为适当的值,使其向上和向右移动一点。这就是所有这些:
<LinearLayout
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_gravity="center"
android:gravity="center"
android:background="#000000"
android:id="@+id/L_imgF1F2">
<RelativeLayout
android:layout_width="0dip"
android:layout_height="125dp"
android:gravity="bottom"
android:layout_weight="1"
android:id="@+id/imgF1"
android:layout_marginRight="2dp">
<FFImageLoading.Views.ImageViewAsync
android:id="@+id/imazhi"
android:layout_width="100dp"
android:layout_height="80dp"
android:scaleType="centerCrop"
android:layout_marginLeft="4dp"
android:backgroundTint="#00000000" />
<TextView
android:id="@+id/CategoryF1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="true"
android:layout_marginLeft="8dp"
android:layout_marginBottom="8dp"
android:text="Category"
android:textSize="12dp"
android:padding="2dp"
android:textColor="#ffffff"
android:gravity="left" />
</RelativeLayout>
我的布局中有以下命令 我想组织我的布局,以便 textview 类别保留在 FFImageLoading
<LinearLayout
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_gravity="center"
android:gravity="center"
android:background="#000000"
android:id="@+id/L_imgF1F2">
<LinearLayout
android:layout_width="0dip"
android:layout_height="125dp"
android:orientation="vertical"
android:gravity="bottom"
android:layout_weight="1"
android:id="@+id/imgF1"
android:layout_marginRight="2dp">
<FFImageLoading.Views.ImageViewAsync
android:id="@+id/imazhi"
android:layout_width="100dp"
android:layout_height="80dp"
android:scaleType="centerCrop"
android:layout_marginLeft="4dp"
android:backgroundTint="#00000000" />
<TextView
android:id="@+id/CategoryF1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Category"
android:textSize="12dp"
android:padding="2dp"
android:textColor="#ffffff"
android:gravity="left" />
</LinearLayout>
我希望我的布局是这样组织的, 如图所示 enter image description here
您将无法在此处使用 LinearLayout
。 LinearLayout
的目的是将 Views
一个接一个地堆叠起来。您应该使用 RelativeLayout
,然后在 TextView
上设置 android:layout_alignBottom="true"
,然后将 android:layout_margin
设置为适当的值,使其向上和向右移动一点。这就是所有这些:
<LinearLayout
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_gravity="center"
android:gravity="center"
android:background="#000000"
android:id="@+id/L_imgF1F2">
<RelativeLayout
android:layout_width="0dip"
android:layout_height="125dp"
android:gravity="bottom"
android:layout_weight="1"
android:id="@+id/imgF1"
android:layout_marginRight="2dp">
<FFImageLoading.Views.ImageViewAsync
android:id="@+id/imazhi"
android:layout_width="100dp"
android:layout_height="80dp"
android:scaleType="centerCrop"
android:layout_marginLeft="4dp"
android:backgroundTint="#00000000" />
<TextView
android:id="@+id/CategoryF1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="true"
android:layout_marginLeft="8dp"
android:layout_marginBottom="8dp"
android:text="Category"
android:textSize="12dp"
android:padding="2dp"
android:textColor="#ffffff"
android:gravity="left" />
</RelativeLayout>