美文网首页
Andorid 布局样式集

Andorid 布局样式集

作者: 板栗炖牛肉 | 来源:发表于2020-10-28 10:11 被阅读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"
    

    相关文章

      网友评论

          本文标题:Andorid 布局样式集

          本文链接:https://www.haomeiwen.com/subject/pwrdmktx.html