相关疑难解决方法(0)

Android - 造型搜索栏

我想设计一个看起来像下图中的搜索条.

在此输入图像描述

通过使用默认搜索条,我将得到这样的东西:

在此输入图像描述

所以我需要的是只改变颜色.我不需要额外的款式.是否有任何直接的方法来做这个或我应该建立我的自定义drawable.?

我尝试构建自定义的一个,但我无法得到如上所示的确切的一个.使用自定义drawable后,我得到的如下所示:

在此输入图像描述

如果我需要构建自定义的那个,那么请建议如何减少进度线的宽度以及形状.

我的自定义实现:

background_fill.xml:

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <gradient
        android:angle="90"
        android:centerColor="#FF555555"
        android:endColor="#FF555555"
        android:startColor="#FF555555" />

    <corners android:radius="1dp" />

    <stroke
        android:width="1dp"
        android:color="#50999999" />
    <stroke
        android:width="1dp"
        android:color="#70555555" />

</shape>
Run Code Online (Sandbox Code Playgroud)

progess_fill.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <gradient
        android:angle="90"
        android:centerColor="#FFB80000"
        android:endColor="#FFFF4400"
        android:startColor="#FF470000" />

    <corners android:radius="1dp" />

    <stroke
        android:width="1dp"
        android:color="#50999999" />
    <stroke
        android:width="1dp"
        android:color="#70555555" />

</shape>
Run Code Online (Sandbox Code Playgroud)

progress.xml

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

    <item
        android:id="@android:id/background"
        android:drawable="@drawable/background_fill"/>
    <item android:id="@android:id/progress">
        <clip android:drawable="@drawable/progress_fill" />
    </item>

</layer-list>
Run Code Online (Sandbox Code Playgroud)

thumb.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval" …
Run Code Online (Sandbox Code Playgroud)

android custom-selectors android-seekbar android-slider

217
推荐指数
14
解决办法
24万
查看次数