DiagonalLayout

最新推荐文章于 2024-11-18 10:47:59 发布

原创最新推荐文章于 2024-11-18 10:47:59 发布 · 923 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#布局

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

344 篇文章

订阅专栏

DiagonalLayout是一款用于Android的布局库，允许开发者通过调整角度和重心来实现斜角效果的Material Design样式。支持设置不同的倾斜角度及顶部、底部、左侧、右侧的重心位置，并可通过增加阴影效果增强视觉层次。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>