【开源】shadow-layout

shadow-layout

  •  https://github.com/dmytrodanylyk/shadow-layout

    介绍:

    ShadowLayout是一个自定义的ViewGroup,它能让自己包含的view显示出阴影效果。跟CardView相比,ShadowLayout有以下优势:可以绘制圆形阴影,可以设置阴影位置,可以设置阴影的深浅,可以设置selector的阴影。

    运行效果:

使用说明:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:tools="http://schemas.android.com/tools"
              xmlns:app="http://schemas.android.com/apk/res-auto"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical"
              android:gravity="center"
              android:background="@color/background"
              tools:context="${relativePackage}.${activityClass}">
 
    <com.dd.ShadowLayout
            android:layout_marginTop="16dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:sl_fillColor="@color/blue"
            app:sl_shadowRadius="4dp"
            app:sl_shadowColor="@color/shadow"
            app:sl_dx="0dp"
            app:sl_dy="0dp"
            app:sl_cornerRadius="56dp">
 
        <ImageButton
                android:layout_width="56dp"
                android:layout_height="56dp"
                android:src="@drawable/ic_add_white"
                android:background="@drawable/fab_selector"
                tools:ignore="ContentDescription"/>
 
    </com.dd.ShadowLayout>
 
    <com.dd.ShadowLayout
            android:layout_marginTop="16dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:sl_fillColor="@color/blue"
            app:sl_shadowRadius="4dp"
            app:sl_shadowColor="@color/shadow"
            app:sl_dx="2dp"
            app:sl_dy="2dp"
            app:sl_cornerRadius="56dp">
 
        <ImageButton
                android:layout_width="56dp"
                android:layout_height="56dp"
                android:src="@drawable/ic_add_white"
                android:background="@drawable/fab_selector"
                tools:ignore="ContentDescription"/>
 
    </com.dd.ShadowLayout>
 
    <com.dd.ShadowLayout
            android:layout_marginTop="16dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:sl_cornerRadius="2dp"
            app:sl_fillColor="@color/blue"
            app:sl_shadowColor="@color/shadow">
 
        <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:minWidth="88dp"
                android:minHeight="36dp"
                android:gravity="center"
                android:textColor="@android:color/white"
                android:background="@drawable/raised_selector"
                android:textAppearance="@style/TextAppearance.AppCompat.Button"
                android:text="@string/Button"/>
 
    </com.dd.ShadowLayout>
 
    <com.dd.ShadowLayout
            android:layout_marginTop="16dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:sl_cornerRadius="2dp"
            app:sl_dx="2dp"
            app:sl_dy="2dp"
            app:sl_fillColor="@color/blue"
            app:sl_shadowColor="@color/shadow">
 
        <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:minWidth="88dp"
                android:minHeight="36dp"
                android:gravity="center"
                android:textColor="@android:color/white"
                android:background="@drawable/raised_selector"
                android:textAppearance="@style/TextAppearance.AppCompat.Button"
                android:text="@string/Button"/>
 
    </com.dd.ShadowLayout>
 
</LinearLayout>

 

相关代码

  • FlexiImageView

posted on 2015-04-29 10:06  wasdchenhao  阅读(686)  评论(0)    收藏  举报

导航