XamarinのAndroid RelativeLayoutデザイナーセットアップ

Question

イムは、ListView項目のレイアウトを作成し、左のアイコンに合うようにしようと、中央のメインテキストであり、2つの（上部とメインテキストの高さの下の部分に分割されている2つの以上のテキスト）が、本文の右側にありますが、画面のサイズとテキストに応じて「フィット」するように見えます。

相続人は私の現在のAXMLレイアウト：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:minWidth="25px" 
android:minHeight="25px"> 
<ImageView 
    android:layout_width="60dp" 
    android:layout_height="60dp" 
    android:background="@android:color/darker_gray" 
    android:id="@+id/photoImageView" /> 
<TextView 
    android:text="App Name And UID" 
    android:textAppearance="?android:attr/textAppearanceMedium" 
    android:textAlignment="viewStart" 
    android:background="@android:color/holo_blue_light" 
    android:gravity="center_vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="60dp" 
    android:layout_toRightOf="@id/photoImageView" 
    android:id="@+id/nameTextView" /> 
<TextView 
    android:text="Down: 723B/s" 
    android:textAppearance="?android:attr/textAppearanceSmall" 
    android:textAlignment="viewStart" 
    android:background="@android:color/holo_blue_dark" 
    android:gravity="center_vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="30dp" 
    android:layout_toRightOf="@id/nameTextView" 
    android:id="@+id/downloadTextView" /> 
<TextView 
    android:text="Up: 2104MB/ss" 
    android:textAppearance="?android:attr/textAppearanceSmall" 
    android:textAlignment="viewStart" 
    android:background="@android:color/holo_blue_dark" 
    android:gravity="center_vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="30dp" 
    android:layout_toRightOf="@id/nameTextView" 
    android:layout_below="@id/downloadTextView" 
    android:id="@+id/uploadTextView" /> 

は、誰もが欠落している溶液または何かイムを持っていますか？あなたの要件がそれを許可した場合のLinearLayoutの代わりに、RelativeLayoutを使用することがあるということを実装することができ

Answer 1

をネストレイアウトを避けるためにしようとノートイムを行います。 layout_weight属性を使用して、画面サイズに応じてスクリーン上の特定の比率を常に上回るようにサイズを指定することができます。上記の例では、1（アプリケーションアイコン） - 3（メインテキスト） - 2最後の部分については）。これは合計6を与えます。つまり、アイコンのサイズは画面のサイズにかかわらず、画面の幅の1/6を占め、メインテキストは3/6などとなります。あなただけの1つのレイアウトを使用したい場合は、GridLayoutを試してみてください

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:orientation="horizontal" 
android:minWidth="25dp" 
android:minHeight="25dp"> 
<ImageView 
    android:layout_width="0dp" 
    android:layout_height="60dp" 
    android:layout_weight="1" 
    android:background="@android:color/darker_gray" 
    android:id="@+id/photoImageView" /> 
<TextView 
    android:text="App Name And UID" 
    android:textAppearance="?android:attr/textAppearanceMedium" 
    android:background="@android:color/holo_blue_light" 
    android:gravity="center_vertical" 
    android:layout_width="0dp" 
    android:layout_weight="3" 
    android:layout_height="60dp" 
    android:id="@+id/nameTextView" /> 
<LinearLayout 
    android:layout_width="0dp" 
    android:layout_height="match_parent" 
    android:layout_weight="2" 
    android:orientation="vertical"> 
<TextView 
    android:text="Down: 723B/s" 
    android:textAppearance="?android:attr/textAppearanceSmall" 
    android:background="@android:color/holo_blue_dark" 
    android:gravity="center_vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="30dp" 
    android:id="@+id/downloadTextView" /> 
<TextView 
    android:text="Up: 2104MB/ss" 
    android:textAppearance="?android:attr/textAppearanceSmall" 
    android:background="@android:color/holo_blue_dark" 
    android:gravity="center_vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="30dp" 
    android:id="@+id/uploadTextView" /> 
</LinearLayout> 

Answer 2

：以下、これを実装するためのコードを探す

<GridLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" 
    android:rowCount="2" 
    android:columnCount="6"> 
    <ImageView 
     android:src="@drawable/rr" 
     android:layout_rowSpan="2" 
     android:background="@android:color/darker_gray" 
     android:id="@+id/photoImageView" /> 
    <TextView 
     android:text="App Name And UID" 
     android:textAppearance="?android:attr/textAppearanceMedium" 
     android:background="@android:color/holo_blue_light" 
     android:gravity="center_vertical" 
     android:layout_columnSpan="3" 
     android:layout_rowSpan="2" 
     android:layout_gravity="fill_vertical" 
     android:id="@+id/nameTextView" /> 
    <TextView 
     android:text="Down: 723B/s" 
     android:textAppearance="?android:attr/textAppearanceSmall" 
     android:background="@android:color/holo_blue_dark" 
     android:gravity="center_vertical" 
     android:id="@+id/downloadTextView" 
     android:layout_gravity="fill" 
     android:layout_columnSpan="2" /> 
    <TextView 
     android:text="Up: 2104MB/ss" 
     android:textAppearance="?android:attr/textAppearanceSmall" 
     android:background="@android:color/holo_blue_dark" 
     android:gravity="center_vertical" 
     android:id="@+id/uploadTextView" 
     android:layout_gravity="fill" 
     android:layout_columnSpan="2" /> 
</GridLayout>