2013-10-14 173 views
2

我非常想知道使用「pocket」應用程序的佈局格式如下。我想知道如何像這個應用程序一步一步的佈局使用。Android Pocket應用程序設計佈局

enter image description here

+0

結帳MultiRowListAdapter https://github.com/umano/MultiItemRowListAdapter這可能會給你一些幫助。 – GrIsHu

+0

@GrIsHu你可以發佈回答嗎?我必須標記爲正確的答案。 – ppshein

+0

看看我的答案。 – GrIsHu

回答

1

結帳MultiRowListAdapter,讓您很快使你的列表視圖和ListActivities看起來驚人。它可能會給你一些幫助。

+0

@ppshein謝謝.. :) – GrIsHu

1

望着UI似乎片段ActionBarSherlock使用。

創建您需要的片段幷包含在此模板中。

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="#f5f5f5" 
    android:orientation="vertical" > 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1" 
     android:orientation="vertical" > 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="0dp" 
      android:layout_weight="1" > 

      <LinearLayout 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_margin="3dp" 
       android:layout_weight="1" 
       android:background="#ffbf00" > 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_margin="3dp" 
       android:layout_weight="1" 
       android:background="#fff" > 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_margin="3dp" 
       android:layout_weight="1" 
       android:background="#37c100" > 
      </LinearLayout> 
     </LinearLayout> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="0dp" 
      android:layout_weight="1" > 

      <LinearLayout 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_margin="3dp" 
       android:layout_weight="1" 
       android:background="#37c100" > 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_margin="3dp" 
       android:layout_weight="1" 
       android:background="#ffbf00" > 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_margin="3dp" 
       android:layout_weight="1" 
       android:background="#fff" > 
      </LinearLayout> 
     </LinearLayout> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1" 
     android:orientation="vertical" > 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="0dp" 
      android:layout_weight="1" > 

      <LinearLayout 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_margin="3dp" 
       android:layout_weight="2" 
       android:background="#ffbf00" > 
      </LinearLayout> 



      <LinearLayout 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_margin="3dp" 
       android:layout_weight="1" 
       android:background="#37c100" > 
      </LinearLayout> 
     </LinearLayout> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="0dp" 
      android:layout_weight="1" > 

      <LinearLayout 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_margin="3dp" 
       android:layout_weight="1" 
       android:background="#37c100" > 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_margin="3dp" 
       android:layout_weight="1" 
       android:background="#ffbf00" > 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_margin="3dp" 
       android:layout_weight="1" 
       android:background="#fff" > 
      </LinearLayout> 
     </LinearLayout> 
    </LinearLayout> 


</LinearLayout> 

enter image description here

+1

讓它關於ActionBar。請讓我知道如何用這麼多的塊來完成這種佈局風格。 – ppshein

+0

您是否聽說過UI中的包含區塊?只需在UI中包含片段即可。 –

+0

已更新的答案,現在檢查。 –