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> 

最终结果是这样的：