Android:自定义FlowLayout

时间:2015-04-12 03:19:35

标签: android flowlayout

我想在android中制作this种标签菜单。动态填充布局并与中心对齐。
我该怎么做?

使用@Dory推荐的库编辑

<FlowLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:f="http://schemas.android.com/apk/res-auto"
    android:orientation="horizontal"
    f:debugDraw="false"
    f:weightDefault="0"
    f:layoutDirection="ltr"
    android:gravity="center"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="6dip"
    android:paddingTop="6dip"
    android:paddingRight="12dip"
    android:paddingBottom="12dip"
    android:background="@android:color/black"
    android:id="@+id/l_flow"/>



   <Button xmlns:android="http://schemas.android.com/apk/res/android"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginBottom="3dp"/>

一个xml文件中的Flowlayout Button位于另一个xml文件中。我正在膨胀Button然后fLayout.addView(按钮);

what I get is this视图之间的填充顶部和底部高于预期

2 个答案:

答案 0 :(得分:2)

最后我是在this库的帮助下完成的。我只使用了类FlowLayout和attr.xml我的main.xml看起来像这样:

    <com.example.FlowTest.FlowLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/flow"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:background="@android:color/white"/>

我的项目布局如下所示:

<Button xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"  
    android:layout_gravity="center_horizontal"
    android:padding="5dp"/>

在我的Activity的onCreate方法中:

LayoutInflater mInflater = LayoutInflater.from(this);
    mFlowLayout = (FlowLayout) findViewById(R.id.flow);

    String [] names = {"goods", "shops", "cars", "washing machine","blablabla","clothes","books"};

    for(int i = 0; i<names.length;i++){
        Button b = (Button)mInflater.inflate(R.layout.item_flow,mFlowLayout, false);
        b.setText(names[i]);
        mFlowLayout.addView(b);
    }

答案 1 :(得分:1)

看一看 here,您可以使用this

修改:

您可以在horizontal的{​​{1}}和vertical间距设置属性。见下面的示例xml:

Flow Layout

快乐编码:)