Androidの複雑なレイアウトデザインのアドバイス

Question

次の図に示すように、Androidのダッシュボードアクティビティ用の複雑なレイアウトを実装するとします。一部のセルのためここで

複数のテキストビューは 例えば、次のように追加する必要があります。一部のテキストビューのテキストが非同期を使用してWebサービスからロードされます。ここ

タスク。クリックできる画像ビューは1つのみです。
このタイプの複雑なレイアウトをAndroidに実装する最良の方法は何かを知りたいと思います。 私は、これを実装するために、リニアレイアウトを使って線形レイアウトを使用しようとしましたが、それは非常に混乱し、複雑です。それから、私はテーブルレイアウトをlianarayoutsで使いこなそうとしましたが、複雑になっています。そして、私は線形レイアウトでグリッドビューを使ってこれを行うことを考えましたが、私はこれを正確に行う方法を知っています。
まだ学習段階ですが、このレイアウトを実装する最も良い方法は何ですか、アドバイスが必要です。どのタイプのレイアウトを使用し、どこで使うべきですか？私は完全な実装は必要ありません。

ありがとうございます。

Answer 1

このようなレイアウトを実装する必要がある場合は、3つの部分に分割します。
1.スクリーンショットの上部から赤色のTextViewまで1行。
2.オレンジ色の「2 TextViews」の列を一番下まで残します。
3.緑色と灰色のTextViewsを持つ右の列。一部は、彼らはそれが1つのライフサイクルだ持っているので、私はFragmentsを使用するいくつかの深刻なロジックを持っている場合
1：あなたは、少なくとも3つの選択肢があり、各部分について

。
2.ロジックが小さく、アクティビティ内にすべてを実装したくない場合は、 はcustom Viewを使用します。
3.レイアウトxmlを分割したい場合はincludeタグをチェックしてください。
4. 1〜3の任意の順列を使用して、必要に応じてレイアウトを分割することができます。

Answer 2

最良の方法は、あなたがあなたを助けることGridLyoutを参照してください他のXMLレイアウトを追加するためのフラグメントとはタグを含める

Answer 3

を使用することができます..です GridLayout and Row/Column Span Woe

http://www.techotopia.com/index.php/Working_with_the_Android_GridLayout_in_XML_Layout_Resources

Answer 4

これらのAndroid Percent Support Libを使用すると、問題の種類を簡単に解決できます。

チェックアウト要旨： https://gist.github.com/shekarrex/5458f697c02e5619b0e2

Answer 5

いずれかがパーセントサポートライブラリを使用するように簡単なデモを必要としています。styles.xml

<style name="STYLE_PERCENT_TV"> 
     <item name="android:height">0dp</item> 
     <item name="android:width">0dp</item> 
     <item name="android:gravity">center</item> 
     <item name="android:textColor">@android:color/white</item> 
     <item name="android:textSize">25sp</item> 
    </style> 

GitHubのプロジェクト内

CODE and CONCEPT HERE.

<android.support.percent.PercentRelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 
    <TextView 
     android:id="@+id/fifty_huntv" 
     android:background="#ffff8800" 
     android:text="50% - 50%" 
     android:textColor="@android:color/white" 
     style="@style/STYLE_PERCENT_TV" 
     app:layout_heightPercent="50%" 
     app:layout_widthPercent="50%" /> 
    <TextView 
     android:id="@+id/comp2_twenty_fifty_tv" 
     android:layout_toRightOf="@id/fifty_huntv" 
     android:background="#ffff5566" 
     android:text="20%-50%" 
     style="@style/STYLE_PERCENT_TV" 
     app:layout_heightPercent="20%" 
     app:layout_widthPercent="50%" 
     /> 

    <TextView 
     android:id="@+id/comp2_ten_fifty_tv" 
     android:layout_below="@id/comp2_twenty_fifty_tv" 
     android:layout_toRightOf="@id/fifty_huntv" 
     android:background="#aa3628cc" 
     android:text="30%-50%" 
     style="@style/STYLE_PERCENT_TV" 
     app:layout_heightPercent="30%" 
     app:layout_widthPercent="50%" 
     /> 
    <TextView 
     android:id="@+id/century_50_tv" 
     android:layout_below="@id/fifty_huntv" 
     android:background="#aacacc46" 
     android:text="50%-100%" 
     style="@style/STYLE_PERCENT_TV" 
     app:layout_heightPercent="50%" 
     app:layout_widthPercent="100%" 
     /> 
</android.support.percent.PercentRelativeLayout> 

HERE