Android自定义SeekBar

最新推荐文章于 2022-03-02 17:30:23 发布

LM_ZP

最新推荐文章于 2022-03-02 17:30:23 发布

阅读量1k

点赞数

本文链接：https://blog.youkuaiyun.com/LM_ZP/article/details/51435994

版权

本文详细介绍了如何使用XML布局文件和Java代码实现SeekBar与TextView的联动，使得TextView能够实时显示SeekBar的进度变化。通过设置SeekBar的监听器和调整TextView的位置，实现了动态更新进度的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

源码：http://download.youkuaiyun.com/detail/lm_zp/9522546

XML

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#ffffff" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/num_tv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/publish_seekbar_dialog"
            android:gravity="center_horizontal"
            android:paddingTop="1dp"
            android:text="0"
            android:textColor="#ffffff" />

        <SeekBar
            android:id="@+id/seekBar1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:max="100"
            android:progress="0"
            android:progressDrawable="@drawable/seekbar_img"
            android:thumb="@drawable/thumb" />

    </LinearLayout>

</RelativeLayout>

MainActivity.java

package com.example.myseekbar;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.widget.LinearLayout;
import android.widget.SeekBar;
import android.widget.SeekBar.OnSeekBarChangeListener;
import android.widget.TextView;

public class MainActivity extends Activity {
	private TextView num_tv;
	private SeekBar seekBar;
	private double width, fDensity;
	private int numbers=0;

	private DisplayMetrics displaysMetrics;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		initView();
		initSeekBarProgress();
	}
	
	//获取屏幕信息，以及初始化操作
	private void initView() {
		displaysMetrics = getResources().getDisplayMetrics();
		width = displaysMetrics.widthPixels;
		fDensity = (width - dip2px(this, 51)) / 100;
		seekBar = (SeekBar) findViewById(R.id.seekBar1);
		num_tv = (TextView) findViewById(R.id.num_tv);
	}
	//TextView跟随SeekBar移动
	private void initSeekBarProgress() {
		seekBar.setProgress(numbers);
		seekBar.setOnSeekBarChangeListener(mSeekChange);
		LinearLayout.LayoutParams paramsStrength = new LinearLayout.LayoutParams(
				LinearLayout.LayoutParams.WRAP_CONTENT,
				LinearLayout.LayoutParams.WRAP_CONTENT);
		paramsStrength.leftMargin = (int) (numbers * fDensity);
		num_tv.setLayoutParams(paramsStrength);
		num_tv.setText(numbers+"");
	}

	private OnSeekBarChangeListener mSeekChange = new OnSeekBarChangeListener() {
		@Override
		public void onProgressChanged(SeekBar seekBar, int progress,
				boolean fromUser) {
			numbers = progress;
			LinearLayout.LayoutParams paramsStrength = new LinearLayout.LayoutParams(
					LinearLayout.LayoutParams.WRAP_CONTENT,
					LinearLayout.LayoutParams.WRAP_CONTENT);
			paramsStrength.leftMargin = (int) (progress * fDensity);
			num_tv.setLayoutParams(paramsStrength);
			num_tv.setText(numbers+"");

		}

		@Override
		public void onStartTrackingTouch(SeekBar seekBar) {
			// TODO Auto-generated method stub
		}

		@Override
		public void onStopTrackingTouch(SeekBar seekBar) {
			// TODO Auto-generated method stub
		}
	};

	/**
	 * 根据手机分辨率从 px(像素) 单位 转成 dp
	 */
	public static int px2dip(Context context, float pxValue) {
		final float scale = context.getResources().getDisplayMetrics().density;
		return (int) (pxValue / scale + 0.5f);
	}

	/**
	 * 根据手机分辨率从 dp 单位 转成 px(像素)
	 */
	public static int dip2px(Context context, float dpValue) {
		final float scale = context.getResources().getDisplayMetrics().density;
		return (int) (dpValue * scale + 0.5f);
	}
	

}