DiagonalLayout

最新推荐文章于 2024-08-21 09:39:28 发布

Wei_Leng

最新推荐文章于 2024-08-21 09:39:28 发布

阅读量884

点赞数

分类专栏： Android 自定义控件进阶文章标签：布局

本文链接：https://blog.csdn.net/u014608640/article/details/52933558

版权

Android 自定义控件进阶专栏收录该内容

344 篇文章 0 订阅

订阅专栏

DiagonalLayout

项目地址： florent37/DiagonalLayout

简介：With Diagonal Layout explore new styles and approaches on material design

Sample

Bottom

<com.github.florent37.diagonallayout.DiagonalLayout
        android:layout_width="match_parent"
        android:layout_height="250dp"
        android:elevation="10dp"
        app:diagonal_angle="20"
        app:diagonal_gravity="right|bottom">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerCrop"
            android:src="@drawable/mountains" />

</com.github.florent37.diagonallayout.DiagonalLayout>

Top

<com.github.florent37.diagonallayout.DiagonalLayout
        android:layout_width="match_parent"
        android:layout_height="250dp"
        android:elevation="10dp"
        app:diagonal_angle="20"
        app:diagonal_gravity="right|top">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerCrop"
            android:src="@drawable/mountains" />

</com.github.florent37.diagonallayout.DiagonalLayout>

Elevation

Do not forget to add elevation with android:elevation="**dp"

KenBurns

Using https://github.com/flavioarfaria/KenBurnsView

<com.github.florent37.diagonallayout.DiagonalLayout
        android:id="@+id/diagonalLayout"
        android:layout_width="match_parent"
        android:layout_height="250dp"
        diagonal:diagonal_angle="10"
        diagonal:diagonal_gravity="left"
        android:elevation="30dp"
        >

        <com.flaviofaria.kenburnsview.KenBurnsView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerCrop"
            android:src="@drawable/background"
            />

        ...

</com.github.florent37.diagonallayout.DiagonalLayout>

With Diagonal Layout explore new styles and approaches on material design

Usage

<com.github.florent37.diagonallayout.DiagonalLayout
        android:layout_width="match_parent"
        android:layout_height="250dp"
        diagonal:diagonal_angle="10"
        diagonal:diagonal_gravity="left|right|top|bottom"
        android:elevation="10dp"
        >

        <!-- YOUR CONTENT -->

</com.github.florent37.diagonallayout.DiagonalLayout>