SeekBar控制元件詳解

使用 SeekBar 實現圖片的虛幻

註解：圖片虛幻度最大值為255，為實體最小值為0，虛幻值越小，圖片越虛幻。

使用 SeekBar 實現圖片的虛幻有兩種方式：
第一種是 ： implements SeekBar.OnSeekBarChangeListener 然後重寫方法

第二種是：private SeekBar.OnSeekBarChangeListener sbl = new SeekBar.OnSeekBarChangeListener(){}; 建立一個方法 用來監聽SeekBar控制元件

原圖為：

效果圖為：

xml 佈局 seekbar.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
       <TextView
        android:id
 
="@+id/tv_homeWork_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="圖片虛幻度為：255"
        />
<ImageView
    android:id="@+id/iv_homeWork_image"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:src="@drawable/s2"
 

    />
    <SeekBar
        android:id="@+id/sb_homeWork_lucency"
        android:layout_width="250dp"
        android:layout_height="wrap_content"
        />

</LinearLayout>

第一種方法

package androidstudio.androidsix;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;
import android.widget.SeekBar;

import java.io.File;

/**
 * Created by Administrator on 2017/6/6.
 */

public class SeekBarActivity extends AppCompatActivity  implements  SeekBar.OnSeekBarChangeListener {

    private ImageView imageView;
    private SeekBar sb;
    private int  currentAlpha=255;
    private TextView tv;


    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.seekbar);
        //獲取圖片
        imageView = (ImageView) findViewById(R.id.iv_homeWork_image);
        //獲取文字框
        tv = (TextView) findViewById(R.id.tv_homeWork_text);
        //獲取SeekBar
        sb = (SeekBar) findViewById(R.id.sb_homeWork_lucency);
        sb.setMax(255);
        sb.setProgress(10);
        //seekBar設定滑動事件
        sb.setOnSeekBarChangeListener(this);


        /**
         * 當進度條發生變化時呼叫該方法
         * @param seekBar
         * @param progress
         * @param fromUser
         */
        @Override
        public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
              //設定文字框的值
              tv.setText("圖片虛幻度為："+progress);
             //滑動滑動條時圖片虛幻度跟著變幻
             imageView.setImageAlpha(progress);
        }

        /**
         * 開始滑動時呼叫該方法
         * @param seekBar
         */
        @Override
        public void onStartTrackingTouch(SeekBar seekBar) {

        }

        /**
         * 結束滑動時呼叫該方法
         * @param seekBar
         */
        @Override
        public void onStopTrackingTouch(SeekBar seekBar) {

        }


}

第二種方法
SeekBarActivity.java類

package androidstudio.androidsix;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;
import android.widget.SeekBar;

import java.io.File;

/**
 * Created by Administrator on 2017/6/6.
 */

public class SeekBarActivity extends AppCompatActivity  {

    private ImageView imageView;
    private SeekBar sb;
    private int  currentAlpha=255;
    private TextView tv;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.seekBar);
        //獲取圖片
        imageView = (ImageView) findViewById(R.id.iv_homeWork_image);
        //獲取文字框
        tv = (TextView) findViewById(R.id.tv_homeWork_text);
        //獲取SeekBar
        sb = (SeekBar) findViewById(R.id.sb_homeWork_lucency);
        sb.setMax(255);
        sb.setProgress(10);
        //seekBar設定滑動事件
        sb.setOnSeekBarChangeListener(sbl);


    private SeekBar.OnSeekBarChangeListener sbl = new SeekBar.OnSeekBarChangeListener() {
        /**
         * 當進度條發生變化時呼叫該方法
         * @param seekBar
         * @param progress
         * @param fromUser
         */
        @Override
        public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
              //設定文字框的值
              tv.setText("圖片虛幻度為："+progress);
             //滑動滑動條時圖片虛幻度跟著變幻
             imageView.setImageAlpha(progress);
        }

        /**
         * 開始滑動時呼叫該方法
         * @param seekBar
         */
        @Override
        public void onStartTrackingTouch(SeekBar seekBar) {

        }

        /**
         * 結束滑動時呼叫該方法
         * @param seekBar
         */
        @Override
        public void onStopTrackingTouch(SeekBar seekBar) {

        }
    };

}

如有不懂的地方，或者有博文有錯誤的地方歡迎指出！！！