垂直搜索栏拇指上的动态文本

Question

有没有办法创建下面的图像，其中缩略图文本根据使用搜索栏侦听器的进度进行更新。还将底部的图像附加到搜索栏，以便它在所有设备上都处于相同的位置。

我已经尝试创建一个 TextDrawable 并将拇指设置到它，但是当滚动到顶部或底部时它会被稍微裁剪。

还玩过创建自定义垂直搜索栏和旋转搜索栏，两者都存在搜索栏需要尺寸 (width/height) 相同才能正常显示和工作的问题。

Answer 1

首先你需要使用自定义垂直搜索栏见下文link Custom Vertical Seek bar1 Custom Vertical Seek bar2

接下来您需要通过拇指自定义视图。所以你需要在拇指图像上画一些文字。拇指图像是白色矩形图像。根据搜索栏进度绘制文本。（即：3 英里、5 英里等）使用以下方法 onProgressChanged()。

public BitmapDrawable writeOnDrawable(int drawableId, String text){

    Bitmap bm = BitmapFactory.decodeResource(getResources(), drawableId).copy(Bitmap.Config.ARGB_8888, true);

    Paint paint = new Paint(); 
    paint.setStyle(Style.FILL);  
    paint.setColor(Color.BLACK); 
    paint.setTextSize(20); 

    Canvas canvas = new Canvas(bm);
    canvas.drawText(text, 0, bm.getHeight()/2, paint);

    return new BitmapDrawable(bm);
}

或

使用TextThumbSeekBar Lib 根据您的要求进行修改。 TextThumbSeekBar

垂直搜索栏拇指上的动态文本

Dynamic text on vertical seek bar thumb

xml

android

seekbar