2014-01-20 50 views
1

我想要顯示像下面的圖片,我終於尋找我從這個網站「https://github.com/ApmeM/android-flowlayout」的解決方案文本視圖,但我不知道如何使用這一個。如何顯示程式設計TextView的像下面的圖片

我如何使用這個顯示爲我的要求?

enter image description here

+0

我想這:http://stackoverflow.com/a/3496315/1809221可以幫助你 –

+0

您好,請參閱我更新了答案,你可以使用的FlowLayout編程 –

+0

你能否詳細說明你的問題更恰當地喜歡你的動機是什麼,它涉及到對齊,設計還是什麼? – Balu

回答

1

嘗試編程做

FlowLayout 
inflater = (FlowLayout) this.getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
FlowLayout ll = (FlowLayout) inflater.inflate(R.layout.main, null); 
FlowLayout tv = (FlowLayout) inflater.inflate(R.layout.secondlayout, null); 
tv.setLayoutParams(new FlowLayout.LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT)); 
ll.addView(tv); 
setContentView(ll); 

使用這樣的佈局

<org.apmem.tools.layouts.FlowLayout 
         xmlns:f="http://schemas.android.com/apk/res/com.lopply.lopply" 
         xmlns:android="http://schemas.android.com/apk/res/android" 
         android:id="@+id/content3" 
         android:layout_marginTop="15dp" 
         android:layout_width="230dp" 
         android:layout_height="190dp" 
         android:layout_below="@id/title3" 
         f:horizontalSpacing="2dp" > 

         <TextView 
          android:id="@+id/content3" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="@string/label_tip_3" 
          android:textColor="#5e5e5e" 
          android:textSize="18dp" /> 
         <TextView 
          android:id="@+id/lblFacebook" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="@string/label_tip_3_facebook" 
          android:textColor="#c64d31" 
          android:textSize="18dp" /> 
         <TextView 
          android:id="@+id/lblAnd" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="@string/label_tip_3_and" 
          android:textColor="#5e5e5e" 
          android:textSize="18dp" /> 
         <TextView 
          android:id="@+id/lblTwitter" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="@string/label_tip_3_twitter" 
          android:textColor="#c64d31" 
          android:textSize="18dp" /> 
         <TextView 
          android:id="@+id/lblDot" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="@string/label_tip_3_dot" 
          android:textColor="#5e5e5e" 
          android:textSize="18dp" /> 
        </org.apmem.tools.layouts.FlowLayout> 
0
<TableLayout android:layout_width="wrap_content" 
         android:layout_height="wrap_content > 

<TableRow android:layout_width="wrap_content" 
    android:layout_height="wrap_content> <TextView 
         android:id="@+id/content3" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:text="@string/label_tip_3" 
         android:textColor="#5e5e5e" 
         android:textSize="18dp" /> 
        <TextView 
         android:id="@+id/lblFacebook" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:text="@string/label_tip_3_facebook" 
         android:textColor="#c64d31" 
         android:textSize="18dp" /> 
        <TextView 
         android:id="@+id/lblAnd" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:text="@string/label_tip_3_and" 
         android:textColor="#5e5e5e" 
         android:textSize="18dp" /> 

</TableRow> 

<TableRow android:layout_width="wrap_content" 
    android:layout_height="wrap_content> <TextView 
         android:id="@+id/content3" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:text="@string/label_tip_3" 
         android:textColor="#5e5e5e" 
         android:textSize="18dp" /> 
        <TextView 
         android:id="@+id/lblFacebook" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:text="@string/label_tip_3_facebook" 
         android:textColor="#c64d31" 
         android:textSize="18dp" /> 
        <TextView 
         android:id="@+id/lblAnd" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:text="@string/label_tip_3_and" 
         android:textColor="#5e5e5e" 
         android:textSize="18dp" /> 

</TableRow> 

<TableRow android:layout_width="wrap_content" 
     android:layout_height="wrap_content> <TextView 
         android:id="@+id/content3" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:text="@string/label_tip_3" 
         android:textColor="#5e5e5e" 
         android:textSize="18dp" /> 
        <TextView 
         android:id="@+id/lblFacebook" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:text="@string/label_tip_3_facebook" 
         android:textColor="#c64d31" 
         android:textSize="18dp" /> 
        <TextView 
         android:id="@+id/lblAnd" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:text="@string/label_tip_3_and" 
         android:textColor="#5e5e5e" 
         android:textSize="18dp" /> 

</TableRow> 


</TableLayout> 
+0

我想以編程方式顯示這些元素。我不想在xml中創建。 – user3114723

+0

您可以通過使用Java創建佈局FlowLayout中的 – raj

+0

使用TableLayout就地做同樣的tablelayout的父母使用tablerow的元素加入爲tablerow – raj

0

添加FlowLayout.java類(從Android系統的FlowLayout項目採取)在烏爾包。一個試試這個:

public class MainActivity extends Activity { 

@Override 
protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    FlowLayout _flowLayout = new FlowLayout(this); 
    setContentView(_flowLayout); 
    TextView _tv1 = new TextView(this); 
    _tv1.setBackgroundColor(Color.RED); 
    _tv1.setText("bvfjjjjjjjjjjjjjjjv"); 
    TextView _tv2 = new TextView(this); 
    _tv2.setBackgroundColor(Color.RED); 
    _tv2.setText("bvfjjjjjjjjjjjjjjjv"); 
    TextView _tv3 = new TextView(this); 
    _tv3.setText("bvfjjjjjjjjjjjjjjjv"); 
    TextView _tv4 = new TextView(this); 
    _tv4.setText("bvfjjjjjjjjjjjjjjjv"); 
    TextView _tv5 = new TextView(this); 
    _tv5.setText("bvfjjjjjjjjjjjjjjjv"); 
    TextView _tv6 = new TextView(this); 
    _tv6.setText("bvfjjjjjjjjjjjjjjjv"); 
    _flowLayout.addView(_tv1); 
    _flowLayout.addView(_tv2); 
    _flowLayout.addView(_tv3); 
    _flowLayout.addView(_tv4); 
    _flowLayout.addView(_tv5); 
    _flowLayout.addView(_tv6); 
} 

} 
+0

喜感謝回答我,但我想創造horizantally像上面的圖片,顯示了當我使用你的帖子將會垂直顯示。 – user3114723

+0

我試過這段代碼,它的工作正常。 Textviews水平顯示。你改變什麼? – user543

+0

嗨,我將這些文本添加到arraylist,我想刪除元素我在flowlayout上觸摸,我怎麼可能,我沒有使用任何適配器。 – user3114723

相關問題