控件记录

FlexboxLayout与自定义View实践

最新推荐文章于 2024-08-31 22:31:31 发布

原创最新推荐文章于 2024-08-31 22:31:31 发布 · 177 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#移动开发

笔记同时被 2 个专栏收录

10 篇文章

订阅专栏

android

10 篇文章

订阅专栏

FlexBoxLayout

<com.google.android.flexbox.FlexboxLayout
        android:id="@+id/flexbox_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:flexWrap="wrap">

        <TextView
            android:id="@+id/textview1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="5dp"
            android:background="@drawable/shape_comment_border"
            android:padding="5dp"
            android:text="刀锋意志" />

        <TextView
            android:id="@+id/textview2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="5dp"
            android:background="@drawable/shape_comment_border"
            android:padding="5dp"
            android:text="英雄联盟" />

        <TextView
            android:id="@+id/textview3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="5dp"
            android:background="@drawable/shape_comment_border"
            android:padding="5dp"
            android:text="PDD" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="5dp"
            android:background="@drawable/shape_comment_border"
            android:padding="5dp"
            android:text="破败王者之刃" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="5dp"
            android:background="@drawable/shape_comment_border"
            android:padding="5dp"
            android:text="无尽之刃" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="5dp"
            android:background="@drawable/shape_comment_border"
            android:padding="5dp"
            android:text="lol" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="5dp"
            android:background="@drawable/shape_comment_border"
            android:padding="5dp"
            android:text="洛克萨斯之手" />


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

角标 FlycoLabelView https://github.com/H07000223/FlycoLabelView

<FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:scaleType="centerCrop"
            android:src="@mipmap/ic_launcher" />

        <com.flyco.labelview.LabelView xmlns:lv="http://schemas.android.com/apk/res-auto"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="10dp"
            android:paddingRight="10dp"
            lv:lv_text="Hot"
            lv:lv_text_size="12sp" />

    </FrameLayout>

进度条 https://github.com/daimajia/NumberProgressBar

<com.daimajia.numberprogressbar.NumberProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        custom:progress_current="80"
        custom:progress_max="100"
        custom:progress_reached_bar_height="3dp"
        custom:progress_reached_color="#3498DB"
        custom:progress_text_color="#3498DB"
        custom:progress_text_offset="1dp"
        custom:progress_text_size="20sp"
        custom:progress_text_visibility="visible"
        custom:progress_unreached_bar_height="3dp"
        custom:progress_unreached_color="#CCCCCC" />