2016-08-01 7 views
0

私は、イメージ、線形レイアウト内の2つのテキストビュー、および別のイメージを持つAndroidアプリケーションにビューをまとめようとしています。これは、リストビュー 'セル'のようにスタイルされ、私はAndroid標準のリストアイテムコンポーネントを作成するための最良の方法は何か疑問に思うことができます。 Android用のスタイルガイドは、これらのコンポーネントの外観については非常に具体的ですが、これらのコンポーネントを一貫して再現するための開発ガイドラインは多数ありません。Androidの3列のリストコンポーネントの標準レイアウトは何ですか?

例えば、私は基本的にこのセルを再作成しようとしている: enter image description here

は、これらの細胞のための任意の標準的なレイアウトはありますか?そうでない場合は、このセルレイアウトを処理する最善の方法は何でしょうか?

<LinearLayout> 
    <ImageView/> 
    <LinearLayout> 
     <TextView/> 
     <TextView/> 
    </LinearLayout> 
    <ImageView/> 
</LinearLayout> 

第二の画像図を示していることはありません:

現在、私がいる問題は、この種のものをやってするということです。

提案?私の特定の状況でも、標準的なレイアウトでも?

更新

私は、ビューの作業を得ました。誰かが提案したように、それはLinearLayoutの重みでした。最後に、それは私が1の重量、これは初心者のトピックに関する長い質問がある場合は申し訳ありません0

の重量と内部LinearLayoutで2 ImageView sであった仕事を得るために - のためにそれを残してより一般的なのは、標準コンポーネントの標準レイアウトです。 (Stack Overflowの新しいドキュメントのセクションの候補かもしれません)

+0

※2番目のImageViewは表示されません。体重合計が正しく設定されていませんか? –

答えて

1

Googleは、これらのマテリアルデザイン仕様の多くについて標準レイアウトを実際に行っていませんでした。

ここでは、始めるための仕様に基づいたレイアウトです:私はディメンション値とテキストスタイルを使用していませんでした

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="88dp"> 

    <ImageView 
     android:id="@+id/image_view" 
     android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true" 
     android:layout_alignParentTop="true" 
     android:layout_centerVertical="true" 
     android:layout_marginLeft="16dp" 
     android:layout_marginStart="16dp" 
     android:layout_marginTop="20dp" 
     tools:src="@drawable/ic_error_white_24dp"/> 

    <TextView 
     android:id="@+id/text_view1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true" 
     android:layout_alignParentRight="true" 
     android:layout_alignParentEnd="true" 
     android:layout_alignParentTop="true" 
     android:layout_marginLeft="72dp" 
     android:layout_marginStart="72dp" 
     android:layout_marginRight="56dp" 
     android:layout_marginEnd="56dp" 
     android:layout_marginTop="16dp" 
     android:maxLines="1" 
     android:textSize="16sp" 
     android:textColor="?android:attr/textColorPrimary" 
     tools:text="This is the title line"/> 

    <TextView 
     android:id="@+id/text_view2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true" 
     android:layout_alignParentRight="true" 
     android:layout_alignParentEnd="true" 
     android:layout_below="@+id/text_view1" 
     android:layout_marginLeft="72dp" 
     android:layout_marginStart="72dp" 
     android:layout_marginRight="56dp" 
     android:layout_marginEnd="56dp" 
     android:maxLines="1" 
     android:textSize="14sp" 
     android:textColor="?android:attr/textColorSecondary" 
     tools:text="This is the second line"/> 

    <TextView 
     android:id="@+id/text_view3" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true" 
     android:layout_alignParentRight="true" 
     android:layout_alignParentEnd="true" 
     android:layout_below="@+id/text_view2" 
     android:layout_marginLeft="72dp" 
     android:layout_marginStart="72dp" 
     android:layout_marginRight="56dp" 
     android:layout_marginEnd="56dp" 
     android:maxLines="1" 
     android:textSize="14sp" 
     android:textColor="?android:attr/textColorSecondary" 
     tools:text="This is the third line"/> 

    <ImageView 
     android:id="@+id/image_view_2" 
     android:layout_width="24dp" 
     android:layout_height="24dp" 
     android:layout_alignParentRight="true" 
     android:layout_alignParentEnd="true" 
     android:layout_alignParentTop="true" 
     android:layout_marginRight="16dp" 
     android:layout_marginEnd="16dp" 
     android:layout_marginTop="20dp" 
     tools:src="@drawable/ic_error_white_24dp"/> 

</RelativeLayout> 

注意。それはあなたが通り抜けることができるものです。これは正しい軌道に乗るためです。

関連する問題