Android Shape使用技巧

最新推荐文章于 2024-09-09 20:51:22 发布

合抱之木，生于毫末,九层之台，起于累土

最新推荐文章于 2024-09-09 20:51:22 发布

阅读量406

点赞数 1

分类专栏： AndroidShape 文章标签： AndroidShape

本文链接：https://blog.csdn.net/u014133119/article/details/80597249

版权

AndroidShape 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

需求一: 我们在项目中需要花如下一条虚线

步奏一：创建shape

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="line">
    <stroke
            android:width="0.2dp"
            android:color="#6bbbee"
            android:dashGap="5dp"
            android:dashWidth="2dp" />
</shape>

步奏二: 在.xml布局中使用

<View
        android:layout_width="match_parent"
        android:layout_height="3dp"
        android:layout_marginTop="@dimen/marginTop_15"
        android:background="@drawable/dotted_line"
        android:layerType="software"
        android:layout_marginLeft="@dimen/marginLeft_10"
        android:layout_marginRight="@dimen/marginRight_10"/>

需求二：实现圆角矩形效果

步奏一：创建shape

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
    <solid android:color="#FBD415"/>
    <!-- 边缘线条颜色 -->
    <!--<stroke-->
    <!--android:width="1dp"-->
    <!--android:color="#FBD415"/>-->
    <!-- 圆角的幅度 -->
    <corners android:radius="5dp"/>
</shape>

步奏二: 在.xml布局中使用

<TextView
        android:id="@+id/tv_employeePosition"
        android:text=""
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@color/text_color_333333"
        android:textSize="@dimen/text_size_13"
        android:background="@drawable/solid_shape_yellow_gradient"
        android:gravity="center_vertical"
        android:paddingRight="5dp"
        android:paddingLeft="5dp"
        android:paddingBottom="3dp"
        android:paddingTop="3dp"/>

需求三：实现带箭头的进度条效果(progrseeDrawable)

1.xml布局中引用控件

<ProgressBar
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/progressBar"
        android:progress="80"
        android:max="100"
        android:secondaryProgress="90"
        android:progressDrawable="@drawable/progressdrawable"/>


2.我们需要定义的进度条:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--<item android:id="@android:id/progress">-->


    <!--<scale android:drawable="@drawable/progress_cool"-->
    <!--android:scaleWidth="100%"/>-->
    <!--</item>-->

    <!--背景-->
    <item android:id="@android:id/background">
        <shape android:shape="rectangle">
            <solid android:color="#FFFAE2"/>
            <stroke android:width="0dp"/>
            <corners android:radius="15dp"/>
        </shape>
    </item>
    <!--缓冲进度-->
    <!--<item android:id="@android:id/secondaryProgress">-->
        <!--<clip>-->
            <!--<shape android:shape="rectangle">-->
                <!--<solid android:color="#87877e"/>-->
                <!--<corners android:radius="15dp"/>-->
            <!--</shape>-->
        <!--</clip>-->
    <!--</item> -->
    <!--进度-->
    <!--<item android:id="@android:id/progress">-->
        <!--<clip>-->
            <!--<shape android:shape="rectangle">-->
                <!--<solid android:color="#FCEE12"/>-->
                <!--<corners android:radius="15dp"/>-->
            <!--</shape>-->
            <!--<nine-patch android:src="@drawable/already_consumed"-->
            <!--android:dither="true"/>-->
        <!--</clip>-->
    <!--</item>-->
    <item android:id="@android:id/progress">
        <scale android:scaleWidth="100%"
               android:drawable="@drawable/already_consumed" />
    </item>
</layer-list>