流式布局 简单_CSS3流式布局
css3 简单 布局 流式
2023-06-13 09:15:15 时间
大家好,又见面了,我是你们的朋友全栈君。
效果
第三方库: //依赖:
compile 'com.hyman:flowlayout-lib:1.1.2'
布局文件
<com.zhy.view.flowlayout.TagFlowLayout
android:id="@+id/id_flowlayout"
zhy:max_select="-1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="20dp">
</com.zhy.view.flowlayout.TagFlowLayout>
Activity
//数据
List<String> list = new ArrayList<>();
list.add("java");
list.add("javaEE");
list.add("javaME");
list.add("c");
list.add("php");
list.add("ios");
list.add("c++");
list.add("c#");
list.add("Android");
//资源id
TagFlowLayout idFlowlayout = findViewById(R.id.id_flowlayout)
idFlowlayout.setAdapter(new TagAdapter<String>(list)
{
@Override
public View getView(FlowLayout parent, int position, String s)
{
TextView textView = new TextView(FlowLayoutActivity.this);
//数据之间的距离
textView.setPadding(5, 5, 5, 5);
//字体大小
textView.setTextSize(20);
textView.setText(s);
return textView;
}
});
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/219214.html原文链接:https://javaforall.cn
相关文章
- 吕布的回城特效有了,貂蝉的也要有,用css3制作一款貂蝉的简易回城特效
- html制作图片幻灯片效果代码,【JS+CSS3】实现带预览图幻灯片效果的示例代码
- CSS3 选择器
- HTML5+CSS3常见布局方式
- 【CSS3】CSS3 属性选择器 ( CSS3 简介 | 属性选择器 | 属性选择器权重 )
- pm25首页css3天气场景动画效果代码详解编程语言
- CSS3 Flex Box(弹性盒子)详解编程语言
- CSS3文字描边 CSS3字体外部描边详解编程语言
- css3 简单的玻璃扫光效果详解编程语言
- css3 white-space: nowrap 实现横向滚动详解编程语言
- CSS3倒影效果详解编程语言
- CSS3自定义字体写法详解编程语言
- CSS3 flex垂直居中 水平居中终极解决方案(史上最简单的写法)详解编程语言
- CSS3 使用变量
- CSS3 多媒体查询
- CSS3 @media查询示例
- CSS3中Transition属性详解以及示例分享