Android 简单实现View自动换行(附源码)

36次阅读

共计 1850 个字符,预计需要花费 5 分钟才能阅读完成。

hi, 尘少又来了,这次为大家带来的,是 View 可以自动换行的容器。
类似于淘宝搜索时的推荐,首先我不知道淘宝的是否只支持文字,但是我的是任何 View 都支持的。看下效果先:
淘宝:
我的:
废话不多少,上代码:1、先把我的自定义控件放到你的项目里
2、Activity 的 XML 布局如果里边放很多条目的话,可能要套在 ScrollView 里,以防显示不全
<ScrollView
android:layout_width=”match_parent”
android:layout_height=”match_parent”>

<com.bamboy.autowordwrap.BamAutoLineList
android:id=”@+id/bal_list”
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:layout_marginTop=”10dp” />
</ScrollView>
3、条目的 XML 我的条目是图片 + 文字的,所以我的 XML 是这样的:
<?xml version=”1.0″ encoding=”utf-8″?>
<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:background=”@drawable/btn_padding”
android:gravity=”center_horizontal”
android:orientation=”vertical”
android:padding=”10dp”>

<ImageView
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:src=”@drawable/icon” />

<TextView
android:id=”@+id/tv_item”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:text=” 条目条目条目 ”
android:textSize=”14sp” />
</LinearLayout>
这里有一点需要说声抱歉,因为这是自动换行控件,所以我的设定是:
条目的 XML 最外层的 Layout,
宽高只能是 wrap_content,
即使你设置成 match_parent,
或者指定多少 dp,
都是无效的。
连设置 margin 也都是无效。

如果你确实需要限制宽高,
那你可以多套一层 Layout,
在内层 Layout 设置即可。

4、Activity 代码
private Button btn_add;
private BamAutoLineList bal_list;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

btn_add = (Button) findViewById(R.id.btn_add);
bal_list = (BamAutoLineList) findViewById(R.id.bal_list);

// 点击事件
btn_add.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// 实例化 View
View item = getLayoutInflater().inflate(R.layout.item, null);
// 把 View 放到控件里去
bal_list.addView(item);
}
});
}
到此就结束了,尘少一贯的风格,就是这么简单。
尘少老规矩,附源码:http://download.csdn.net/down…
如果觉得尘少的 Demo 还不错的话,可以克隆我的 Git 仓库,各种酷炫效果收入囊中:https://github.com/Bamboy1203… 手机扫码下载 App 一睹为快:

正文完
 0