美文网首页
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 布局样式集

    前言 Android 常用布局样式集,只做随笔,会不断更新 方案 一.常用阴影样式 二.矢量图标直接上色(不在需要...

  • 非样式布局

    非布局样式-字体 非布局样式 - 行高 非样式布局 - 背景 非布局样式 - 边框 非布局样式 - 滚动 非布局样...

  • day07

    1.布局 1.默认布局2.float布局3.层级布局(定位布局) 2.css样式的引入 3.外部样式 外部样式表 ...

  • Flutter 基础布局 Row Widget

    Flutter 基础布局 Row Widget Row Widget类似于Andorid中的LinearLayou...

  • Flutter 基础布局 Column Widget

    Flutter 基础布局 Column Widget Column Widget类似于Andorid中的Linea...

  • Android Studio

    查看布局: 工具栏上点击Tools -- Andorid -- Layout inspector 就能看到当前的布...

  • android布局实现斗鱼直播页面

    前言: 最近回顾以前学习的知识,发现许多都忘了,刚好重新复习一遍andorid布局的内容。 界面效果: 布局容器、...

  • 用RecyclerView写的城市列表

    分享一下城市列表的网格布局样式的demo,代码里面包括网格布局和竖直列表布局两种样式。网格样式: 竖直列表样式: ...

  • Taro/微信小程序 底部按钮固定布局

    布局 样式

  • 0001-CSS-样式基础

    什么是CSS 一般样式 布局样式 动画样式 媒体查询样式

网友评论

      本文标题:Andorid 布局样式集

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