自定义搜索栏绘制对象的Android

Question

我想默认的Android搜索条个性化设置：

我看了大约九补丁图像，创造了6个PNG图像。前三个是为灰进度条（progressDrawable），如下图所示：

1. 右图像

   

2. 中心图像

   

3. 左图像

   

结果应该是：

蓝色图像表示的进展，并如下：

1. 右图像

   

2. 中心图像

   

3. 左图

   

和拇指如下：

我的问题是，我该如何使用9个修补图像生成自定义搜索条完全一样的第一张照片，我怎么能将此我的搜索条？

Answer 1

我认为它不应该是复杂的。您不必制作6张图片即可满足您的需求。只需为背景创建2个九块补丁即可。和thumb.png。这里是你的XML：

<SeekBar 
    android:id="@+id/my_seekbar" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:progressDrawable="@drawable/seekbar_progress" 
    android:thumb="@drawable/thumb"> 

在 seekbar_progress

：

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

<item android:id="@android:id/background"> 
    <nine-patch android:src="@drawable/progressbar_bg" android:dither="true"/> 
</item> 
<item android:id="@android:id/progress"> 
    <clip xmlns:android="http://schemas.android.com/apk/res/android" 
     android:clipOrientation="horizontal" 
     android:gravity="left"> 
     <nine-patch android:src="@drawable/progressbar_status" android:dither="true"/> 
    </clip> 
</item> 
</layer-list> 

请记住，创造，所以它看起来像你想，当你thumb应该对上面的空白。 希望这有助于。

Answer 2

1）进入AndroidSDK - >工具和运行draw9patch.bat

，你会看到黑色窗口

2）拖动图片到窗口，并开始9补丁：

围绕你的图片开始打补丁

3）现在进入文件菜单并且点击保存9补丁...

最后提示：您的图片必须是。PNG格式，并且只包含内容而不是可用空间。例如我把你的照片保存在我的电脑里，看到你的照片的蓝色部分有很多未使用的空间。

现在应用到你的搜索条：

只要按照上面的链接以及

Create Custom Slide Bar

对不起;我没有足够的信誉来插入图片

Answer 3

您可以使用Java代码自定义seekbar ...并添加图层列表作为drawables ...这段代码将帮助我，我希望。

1.LayerList绘制

<layer-list 
    xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item 
     android:id="@android:id/background"> 
     <nine-patch 
      android:src="@drawable/your_nine_patch_image" 
      android:tileMode="repeat"> 
     </nine-patch> 
    </item> 
    <item 
     android:id="@android:id/progress"> 
     <layer-list 
      xmlns:android="http://schemas.android.com/apk/res/android" > 
      <item> 
       <clip > 
        <bitmap 
         xmlns:android="http://schemas.android.com/apk/res/android" 
         android:src="@drawable/clipimage_for_progress" 
         android:tileMode="repeat"/> 
       </clip> 
      </item> 
     </layer-list> 
    </item> 
</layer-list> 

这将是你customSeekbar类，你可以使用此自定义搜索条在你的应用

public class CustomSeekbar { 
    public CustomSeekbar(Context context) { 
     super(context); 
     setCustomUI(); 
    } 

    public CustomSeekbar(Context context, AttributeSet attrs) { 
     super(context, attrs); 
     setCustomUI(); 
    } 

    public CustomSeekbar(Context context, AttributeSet attrs, int defStyle) { 
     super(context, attrs, defStyle); 
     setCustomUI(); 
    } 

    void setCustomUI() { 

     this.setProgressDrawable(getResources().getDrawable(
       R.drawable.yourBackground)); 
    } 
}