Android 自定义搜索栏渲染 [英] Android custom seekbar render

问题描述

我正在尝试为我的应用程序创建自定义 seekbar.我想得到的是:

I'm trying to create a custom seekbar for my application. Waht I'd like to get is that:

到目前为止我得到了什么:

What I got so far:

我为 Thumb

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

  <solid android:color="#16A085"/>

  <size 
    android:height="30dp"
    android:width="30dp" />

</shape>

对于酒吧来说:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+android:id/SecondaryProgress">
        <shape android:shape="rectangle">
            <solid android:color="#EBEDEF" />
            <corners android:radius="35dp" />
        </shape>
    </item>
    <item android:id="@android:id/progress">
        <shape android:shape="rectangle">
            <padding android:left="10dp" android:top="20dp" android:right="10dp" android:bottom="20dp" />
            <solid android:color="#1ABC9C" />
            <corners android:radius="15dp" />
        </shape>
    </item>
</layer-list>

我该怎么做才能获得真正的"搜索栏?

What can I do to achieve to get the "real" seekbar ?

感谢您的帮助.

推荐答案

我找到了另一种实现自定义搜索栏的方法.这是我目前使用的代码

I've found another way to achieve to make my custom seekbar. Here is the code I'm currently using

import android.content.Context;
import android.graphics.Color;
import android.graphics.drawable.ClipDrawable;
import android.graphics.drawable.LayerDrawable;
import android.graphics.drawable.PaintDrawable;
import android.util.AttributeSet;
import android.view.Gravity;

public class FlatSeekBar extends android.widget.SeekBar
{

    private int size = 20;

    public FlatSeekBar(Context context)
    {
        super(context);
        init(null, true);
    }

    public FlatSeekBar(Context context, AttributeSet attrs)
    {
        super(context, attrs);
        init(attrs, true);
    }

    public FlatSeekBar(Context context, AttributeSet attrs, int defStyle)
    {
        super(context, attrs, defStyle);
        init(attrs, true);
    }

    private void init(AttributeSet attrs, boolean applyAttributeTheme)
    {
        // setting thumb
        PaintDrawable thumb = new PaintDrawable(Color.parseColor("#2C3E50"));
        thumb.setCornerRadius(size * 9 / 8);
        thumb.setIntrinsicWidth(size * 9 / 4);
        thumb.setIntrinsicHeight(size * 9 / 4);
        setThumb(thumb);

        // progress
        PaintDrawable progress = new PaintDrawable(Color.parseColor("#34495E"));
        progress.setCornerRadius(size);
        progress.setIntrinsicHeight(size);
        progress.setIntrinsicWidth(size);
        progress.setDither(true);
        ClipDrawable progressClip = new ClipDrawable(progress, Gravity.LEFT, ClipDrawable.HORIZONTAL);

        // secondary progress
        PaintDrawable secondary = new PaintDrawable(Color.parseColor("#EBEDEF"));
        secondary.setCornerRadius(size);
        secondary.setIntrinsicHeight(size);
        ClipDrawable secondaryProgressClip = new ClipDrawable(secondary, Gravity.LEFT, ClipDrawable.HORIZONTAL);

        // background
        PaintDrawable background = new PaintDrawable(Color.parseColor("#EBEDEF"));
        background.setCornerRadius(size);
        background.setIntrinsicHeight(size);

        // applying drawable
        LayerDrawable ld = (LayerDrawable) getProgressDrawable();
        ld.setDrawableByLayerId(android.R.id.background, background);
        ld.setDrawableByLayerId(android.R.id.progress, progressClip);
        ld.setDrawableByLayerId(android.R.id.secondaryProgress, secondaryProgressClip);
    }
}

只需编辑这四种颜色即可获得您自己的颜色:

Just edit those four colours to get your own:

• #2C3E50
• #34495E
• #EBEDEF
• #EBEDEF

我希望它有帮助;)

这篇关于Android 自定义搜索栏渲染的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！