Android FlexboxLayout布局你学会了吗?

作者: 今日Android | 来源:发表于2020-07-15 15:42 被阅读0次

    github上的项目主页:https://github.com/google/flexbox-layout

    使用前先添加引用:

    dependencies {
    implementation 'com.google.android:flexbox:0.3.2'
    }

    写一个布局演示:
    <?xml version="1.0" encoding="utf-8"?>
    <com.google.android.flexbox.FlexboxLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:alignContent="flex_start"
    app:flexDirection="row"
    app:flexWrap="wrap"
    app:justifyContent="flex_start">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:layout_margin="5dp"
        android:background="@android:color/holo_blue_bright"
        android:gravity="center"
        android:text="zhang"
        android:textColor="@android:color/white" />
    
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:layout_margin="5dp"
        android:background="@android:color/holo_blue_bright"
        android:gravity="center"
        android:text="phil"
        android:textColor="@android:color/white"
        app:layout_flexGrow="1" />
    
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:layout_margin="5dp"
        android:background="@android:color/holo_blue_bright"
        android:gravity="center"
        android:text="zhang phil"
        android:textColor="@android:color/white" />
    
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:layout_margin="5dp"
        android:background="@android:color/holo_blue_bright"
        android:gravity="center"
        android:text="csdn"
        android:textColor="@android:color/white" />
    
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:layout_margin="5dp"
        android:background="@android:color/holo_blue_bright"
        android:gravity="center"
        android:text="zhang phil 3"
        android:textColor="@android:color/white"
        app:layout_order="3" />
    
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:layout_margin="5dp"
        android:background="@android:color/holo_blue_bright"
        android:gravity="center"
        android:text="zhang phil 2"
        android:textColor="@android:color/white"
        app:layout_order="2" />
    
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:layout_margin="5dp"
        android:background="@android:color/holo_blue_bright"
        android:gravity="center"
        android:text="zhang phil 1"
        android:textColor="@android:color/white"
        app:layout_order="1" />
    
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:layout_margin="5dp"
        android:background="@android:color/holo_blue_bright"
        android:gravity="center"
        android:text="zhang phil @ csdn"
        android:textColor="@android:color/white" />
    
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:layout_margin="5dp"
        android:background="@android:color/holo_blue_bright"
        android:gravity="center"
        android:text="https://blog.csdn.net/zhangphil"
        android:textColor="@android:color/white" />
    

    </com.google.android.flexbox.FlexboxLayout>

    代码运行结果输出:

    app:layout_order

    默认值是1,值越小,越靠前排列,越大,越排到后面。

    想了解更多关于Android开发知识点的同学可以看这里,目前有Android开发的免费资料提供哦,点击这里免费获取《Android开发核心知识点笔记》研读

    除此之外,也分享一些免费的优质资源,包括:Android学习PDF+架构视频+面试文档+源码笔记,高级架构技术进阶脑图、Android开发面试专题资料,高级进阶架构资料 这几块的内容。分享给大家,非常适合近期有面试和想在技术道路上继续精进的朋友。

    或者是想解决面试难题,也可以点击:

    《Android学习PDF+架构视频+面试文档+源码笔记》

    来获取学习资料

    喜欢本文的话,不妨给我点个小赞、评论区留言或者转发支持一下呗~

    最后送大家一段话:

    在任何领域,如果想要有所成就, 都需要超越极限的学习, 都需要孜孜以求的探索, 都需要殚精竭虑的思考, 都需要无数次失败和成功的实践, 没有人可以超越学习、时间和思考,成为一个真正的高手。 希望这针鸡血能给你带来力量, 祝你早日实现你的目标,共勉!

    最后再分享一下我自己的一个专栏,里面定期分享Android架构技术知识点及解析,还会不断更新的BATJ面试专题,以及安卓相关资料免费分享,欢迎大家关注,如有好的文章也欢迎投稿。

    相关文章

      网友评论

        本文标题:Android FlexboxLayout布局你学会了吗?

        本文链接:https://www.haomeiwen.com/subject/zovdhktx.html