关于Google新的适配方式---FlexboxLayout

本文介绍了Android中的FlexboxLayout,一种类似于CSS Flexible Box Layout的布局。FlexboxLayout提供了更高级的子元素排列方式,包括换行、对齐方式等特性。文章详细解释了FlexboxLayout的属性,如flexDirection、alignItems、flexWrap等,并探讨了子元素属性,如layout_order、layout_flexGrow等,帮助开发者更好地理解和使用FlexboxLayout。
摘要由CSDN通过智能技术生成

前言

工欲善其事必先利其器,学习FlexboxLayout之前,先看看它是用来干嘛的,都有哪些特性,了解之后,再来利用它。先放上项目地址–flexbox-layout的GitHub地址


正文

  • 概念
    Flexbox,简单理解为弹性盒子,就是一个可伸缩的区域或者空间
    在GitHub上,给出的介绍是一个将CSS Flexible Box Layout Module的类似功能带入Android的库,关于CSS的Flexible Box,这里有一篇介绍比较详细的文章 ,尽管具体语法不同,但是思想是想通的,可以参考。
    FlexboxLayout可以理解成一个高级版的LinearLayout,因为两个布局都把子view按顺序排列。两者之间最大的差别在于FlexboxLayout具有换行的特性。

  • 引入
    稳定版本

dependencies {
    compile 'com.google.android:flexbox:0.2.6'
}

开发测试版本 –包含了Recyclerview的集成

dependencies {
    compile 'com.google.android:flexbox:0.3.0-alpha3'
}

根据个人需求,选择合适版本

  • 用法
    <com.google.android.flexbox.FlexboxLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:alignItems="flex_start">

        <TextView
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="@color/colorAccent" />

        <TextView
            android:layout_width="100dp"
            android:layout_height="150dp"
            android:background="@color/blue" />

        <TextView
            android:layout_width="100dp"
            android:la
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值