android - 通过 Android SeekBar 缩略图添加动态文本

Question

我正在尝试在 Android 2.2 中制作此自定义 SeekBar，但我所做的一切似乎都是错误的!我试图在 SeekBar 的拇指图像上显示 seekbar 的值。有人对此有一些经验吗？

Answer 1

我采用了一种不同的方法，它提供了更多自定义缩略图的可能性。最终输出将如下所示:

首先，您必须设计将设置为拇指可绘制的布局。

layout_seekbar_thumb.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="@dimen/seekbar_thumb_size"
        android:layout_height="@dimen/seekbar_thumb_size"
        android:background="@drawable/ic_seekbar_thumb_back"
        android:gravity="center"
        android:orientation="vertical">

        <TextView
            android:id="@+id/tvProgress"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="0"
            android:textColor="#000000"
            android:textSize="14sp" />

    </LinearLayout>

</LinearLayout>

此处 seekbar_thumb_size 可以根据您的要求设置为任意小尺寸。我在这里使用了30dp。对于背景，您可以使用您选择的任何可绘制对象/图标。

现在您需要将此 View 设置为可绘制的拇指 View ，因此请使用以下代码获取它:

View thumbView = LayoutInflater.from(YourActivity.this).inflate(R.layout.layout_seekbar_thumb, null, false);

这里我建议在 onCreate() 中初始化这个 View ，这样就不需要一次又一次地膨胀它。

现在，当 seekBar 进度更改时，将此 View 设置为拇指可绘制。在您的代码中添加以下方法:

public Drawable getThumb(int progress) {
        ((TextView) thumbView.findViewById(R.id.tvProgress)).setText(progress + "");

        thumbView.measure(View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED);
        Bitmap bitmap = Bitmap.createBitmap(thumbView.getMeasuredWidth(), thumbView.getMeasuredHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmap);
        thumbView.layout(0, 0, thumbView.getMeasuredWidth(), thumbView.getMeasuredHeight());
        thumbView.draw(canvas);

        return new BitmapDrawable(getResources(), bitmap);
}

现在从 onProgressChanged() 调用这个方法。

seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {

                // You can have your own calculation for progress                    
                seekBar.setThumb(getThumb(progress));
            }

            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {

            }

            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {

            }
        });

注意:在初始化seekBar时也调用getThumb()方法，用默认值初始化它。

通过这种方法，您可以对进度变化有任何自定义 View 。