Andorid 布局样式集

2020-10-28  本文已影响0人  板栗炖牛肉

前言

Android 常用布局样式集,只做随笔,会不断更新

方案

一.常用阴影样式

        <LinearLayout
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:elevation="5dp"
         />

二.矢量图标直接上色(不在需要找各种颜色图标,对于需要select.xml也可以,具体百度)

       <ImageView
                    android:layout_width="25dp"
                    android:layout_height="wrap_content"
                    android:tint="@color/black"
                    app:srcCompat="@drawable/icon_map_shangla" />

三.圆形图标,这里直接改LinearLayout
1.xml样式

<?xml version="1.0" encoding="utf-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android">
    <selector>
        <item android:state_pressed="true">
            <shape android:shape="rectangle">
                <solid android:color="#EBEBEB" />
                <padding
                    android:bottom="2dp"
                    android:left="2dp"
                    android:right="2dp"
                    android:top="2dp" />
                <corners android:radius="300dp" />
            </shape>
        </item>
        <item android:state_pressed="false">
            <shape android:shape="rectangle">
                <solid android:color="#FFFFFFFF" />
                <padding
                    android:bottom="2dp"
                    android:left="2dp"
                    android:right="2dp"
                    android:top="2dp" />
                <corners android:radius="300dp" />
            </shape>
        </item>
    </selector>
</inset>

2.LinearLayout设置

 <LinearLayout
            android:id="@+id/position_map_visualAngle"
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:layout_gravity="right"
            android:layout_marginRight="10dp"
            android:layout_marginBottom="10dp"
            android:background="@drawable/linearlayout_circular_background"
            android:clickable="true"
            android:elevation="5dp"
            android:gravity="center">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                app:srcCompat="@drawable/icon_miaozhub" />
        </LinearLayout>

3.最终样式


image.png

四、textView设置上下文字间距

     android:lineSpacingExtra="7dp"
上一篇 下一篇

猜你喜欢

热点阅读