如何在Android中設計Twitter界面佈局

Question

在我的Android應用程序中，我想要設計一個完全像Twitter佈局的佈局，其中圖像和文本視圖。

請參見下面的截圖

請幫助我。我如何設計這種佈局？

更新：

忘掉背景圖像和頂欄。我需要6張圖片和文字瀏覽。在下面的圖片雙引號與推文（167），列表，提及，轉推等，

Answer 1

你想要做的就是所謂的儀表板模式。

您可以在sources of the Google IO app中找到ActionBar和Dashboard模式的實現。文件actionbar.xml（和HomeActivity.java,ActivityHelper.java）中的ActionBar，文件fragment_dashboard.xml（和DashBoard.java）中的儀表板。

Answer 2

我敢肯定，它可以像這樣創建：

image and textView mustBe on layout - so : 
    //start "a" code 
    LinearLayout oneObject ; 
    oneObject= new LinearLayout(this); 
    //need set to vertical mode 
    oneObject.setOrientation(LinearLayout.VERTICAL); 
    //it's our one object . image+text 
    next : TextView text = new TextView(this); 
    text.setText("tweets"); // or get from array 
    ///image it's can be what you want - button, layout, textView(-____-) 
    // just need set on background new image . iget button - for normal clicking ;// 
    ImageButton image = new ImageButton(this); 
    image.setImageResource(r.drawable.blabla) 
    oneObject.addView(image); 
    oneObject.addView(text); 
//also u need create 2 columns and add to this columns our object 

//for size of oneObject - use LinearLayout.LayoutParams param = new LinearLayout.LayoutParams(curWidth/2,curHeight/6); curWidth and curHeight - its my resolution of screen. 
//end "a" code 

創建6個對象ü必須敲響它在循環： 所有代碼=「A」;所以

for(int i = 0;i<6;i++) 
{ 
a/// where a all our code 
} 

希望這是幫助你..我也可以把更多的代碼，其中需要一些定價

Answer 3

你想要的是相當簡單的，儘管我相信有這樣做，那麼我更看中方式的m 即將展示給你。

對於我的應用程序，我使用了4個ImageButtons，但原理與4或6個按鈕相同。

這是我的XML佈局：

<?xml version="1.0" encoding="utf-8"?> 

<RelativeLayout 
    android:id="@+id/actionbar_layout" 
    android:layout_width="fill_parent" 
    android:layout_height="45dip" 
    android:background="@drawable/actionbar_background" 
    android:gravity="center_vertical"> 

    <TextView 
     android:id="@+id/tekst" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="App name" 
     android:textColor="#FFFFFF" 
     android:textSize="18dp" 
     android:layout_marginLeft="5dp" 
     android:textStyle="bold"/> 

</RelativeLayout> 

<RelativeLayout 
    android:id="@+id/button_layout" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:gravity="center_vertical" 
    android:layout_below="@id/actionbar_layout"> 

    <ImageButton 
     android:id="@+id/button_schedule" 
     android:src="@drawable/schedule_icon" 
     android:scaleType="fitCenter" 
     android:layout_width="80dp" 
     android:layout_height="80dp" 
     android:layout_marginLeft="40dp" 
     android:layout_marginTop="40dp" 
     android:background="#FFFFFF" 
     /> 

    <TextView 
     android:id="@+id/text_schedule" 
     android:layout_width="80dp" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="40dp" 
     android:text="Rooster" 
     android:textSize="20dp" 
     android:layout_below="@id/button_schedule" 
     android:gravity="center" 
     /> 

    <ImageButton 
     android:id="@+id/button_locations" 
     android:src="@drawable/locations_icon" 
     android:scaleType="fitCenter" 
     android:layout_width="80dp" 
     android:layout_height="80dp" 
     android:layout_marginLeft="40dp" 
     android:layout_marginTop="50dp" 
     android:background="#FFFFFF"   
     android:layout_below="@id/text_schedule" 
     /> 

    <TextView 
     android:id="@+id/text_locations" 
     android:layout_width="80dp" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="40dp" 
     android:text="Links" 
     android:textSize="20dp" 
     android:layout_below="@id/button_locations" 
     android:gravity="center" 
     /> 

    <ImageButton 
     android:id="@+id/button_rss" 
     android:src="@drawable/rss_icon" 
     android:scaleType="fitCenter" 
     android:layout_width="80dp" 
     android:layout_height="80dp" 
     android:layout_marginLeft="40dp" 
     android:layout_marginTop="40dp" 
     android:background="#FFFFFF" 
     android:layout_toRightOf="@id/button_schedule" 
     android:layout_alignParentRight="true" 
     /> 

    <TextView 
     android:id="@+id/text_rss" 
     android:layout_width="150dp" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="40dp" 
     android:text="RSS" 
     android:textSize="20dp" 
     android:layout_toRightOf="@id/text_schedule" 
     android:layout_below="@id/button_rss" 
     android:layout_alignParentRight="true" 
     android:gravity="center" 
     /> 

    <ImageButton 
     android:id="@+id/button_settings" 
     android:src="@drawable/settings_icon" 
     android:scaleType="fitCenter" 
     android:layout_width="80dp" 
     android:layout_height="80dp" 
     android:layout_marginLeft="40dp" 
     android:layout_marginTop="50dp" 
     android:background="#FFFFFF" 
     android:layout_toRightOf="@id/text_locations" 
     android:layout_below="@id/text_schedule" 
     android:layout_alignParentRight="true" 
     /> 

    <TextView 
     android:id="@+id/text_settings" 
     android:layout_width="150dp" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="40dp" 
     android:text="Instellingen" 
     android:textSize="20dp" 
     android:layout_toRightOf="@id/text_locations" 
     android:layout_below="@id/button_settings" 
     android:layout_alignParentRight="true" 
     android:gravity="center" 
     /> 

</RelativeLayout> 

<RelativeLayout 
    android:id="@+id/twitter_layout" 
    android:layout_width="wrap_content" 
    android:layout_height="150dp" 
    android:layout_alignParentBottom="true" 
    android:layout_below="@id/button_layout"> 

    <Gallery android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:id="@+id/gallery"   
     android:layout_gravity="bottom" 
     android:layout_alignParentBottom="true">  
    </Gallery> 
</RelativeLayout>  

我粘貼整個文件，所以你可以看到我是如何實現我的動作條。 但你需要的是第二個RelativeLayout標籤。

通過使用「android：layout_toRightOf」和「android：layout_below」屬性對齊按鈕/文字瀏覽。

你的第一個按鈕很簡單，你對準第二個（一個在它的右邊）「的Android：layout_toRightOf =」 @ ID/first_button」

第三個按鈕（第一個按鈕的下方）可以對齊使用「android：layout_below =」@ id/first_button「

textviews也是如此，只需使用layout_toRightOf和layout_below來對齊它們即可。這些屬性僅適用於RelativeLayout。

希望這會幫助你一點。