Xamarin Android |佈局樣式

Question

我想創建這種佈局樣式，但我仍然不知道如何去做？ 有沒有人可以幫助我？

我需要主要佈局和佈局必須是彩色的左圖像視圖接下來將標題與填充parrent和右側的描述必須IMG目錄。

Answer 1

你在這裏。我設計了左旗，標題和說明標籤以及右圖像視圖控件。只要創建新.axml文件，並使用此代碼：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_height="wrap_content" 
    android:layout_width="match_parent"> 
    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:id="@+id/linear" 
     android:orientation="vertical" 
     android:layout_alignParentTop="true" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true"> 
     <TextView 
      android:id="@+id/titleTextView" 
      android:layout_width="wrap_content" 
      android:layout_height="40dp" 
      android:layout_alignParentLeft="true" 
      android:layout_centerVertical="true" 
      android:layout_marginLeft="25dp" 
      android:gravity="center_vertical" 
      android:paddingTop="5dp" 
      android:text="Title" 
      android:textAppearance="?android:attr/textAppearanceLarge" 
      android:textSize="30dp" /> 
     <RelativeLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentBottom="true" > 
      <TextView 
       android:id="@+id/descriptionTextView" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_alignParentLeft="true" 
       android:layout_marginLeft="25dp" 
       android:height="30dp" 
       android:text="Description" 
       android:textAppearance="?android:attr/textAppearanceMedium" /> 
     </RelativeLayout> 
    </LinearLayout> 
    <RelativeLayout 
     android:id="@+id/flagLayout" 
     android:layout_width="15dp" 
     android:layout_height="70dp" 
     android:background="#5416B4" 
     android:layout_alignParentLeft="true" /> 
    <RelativeLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content"> 
     <ImageView 
      android:id="@+id/imageView" 
      android:layout_width="90dp" 
      android:layout_height="70dp" 
      android:layout_alignParentRight="true" 
      android:background="#ffa500" /> 
    </RelativeLayout> 
</RelativeLayout> 

最終結果是這樣的：