欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android控件SeekBar仿淘寶滑動(dòng)驗(yàn)證效果

 更新時(shí)間:2020年06月23日 17:19:00   作者:Hensen_  
這篇文章主要為大家詳細(xì)介紹了Android控件SeekBar仿淘寶滑動(dòng)驗(yàn)證效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

SeekBar是一個(gè)拖動(dòng)條控件,最簡(jiǎn)單的案例就是我們的調(diào)節(jié)音量,還有音頻視頻的播放,傳統(tǒng)的SeekBar樣式,如圖

傳統(tǒng)的實(shí)現(xiàn)太簡(jiǎn)單,不足以讓我們到能裝逼的地步。本來(lái)是打算實(shí)現(xiàn)滴滴出行滑動(dòng)完成訂單的效果,可惜找不到效果圖,今天也就用淘寶的滑動(dòng)驗(yàn)證來(lái)作為實(shí)例

1.1 實(shí)現(xiàn)分析

SeekBar:使用progressDrawable屬性自定義SeekBar
拖動(dòng)塊:使用thumb屬性更改,其實(shí)就是一張圖片
文字:使用RelativeLayout嵌套在一起

1.2 實(shí)現(xiàn)布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:padding="16dp">

 <SeekBar
  android:id="@+id/sb"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:max="100"
  android:progress="0"
  android:progressDrawable="@drawable/seekbar_bg"
  android:thumb="@drawable/thumb"
  android:thumbOffset="0dp" />

 <TextView
  android:id="@+id/tv"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_centerInParent="true"
  android:gravity="center"
  android:text="請(qǐng)按住滑塊,拖動(dòng)到最右邊"
  android:textColor="#888888"
  android:textSize="14dp" />
</RelativeLayout>

其效果是

SeekBar屬性介紹

android:max:設(shè)置進(jìn)度條最大的進(jìn)度值
android:progress:設(shè)置當(dāng)前的進(jìn)度值
android:progressDrawable:設(shè)置進(jìn)度條的Drawable樣式
android:thumb:設(shè)置進(jìn)度條滑塊
android:thumbOffset:設(shè)置進(jìn)度條滑塊的偏移量

1.3 SeekBar樣式

這里是Android:progressDrawable里面的seekbar_bg.xml

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
 <!--seekBar背景-->
 <item android:id="@android:id/background">
  <!--形狀-->
  <shape android:shape="rectangle">
   <!--大小-->
   <size android:height="29dp" />
   <!--圓角-->
   <corners android:radius="2dp" />
   <!--背景-->
   <solid android:color="#E7EAE9" />
   <!--邊框-->
   <stroke
    android:width="1dp"
    android:color="#C3C5C4" />
  </shape>
 </item>
 <!--seekBar的進(jìn)度條-->
 <item android:id="@android:id/progress">
  <clip>
   <shape>
    <corners android:radius="2dp" />
    <solid android:color="#7AC23C" />
    <stroke
     android:width="1dp"
     android:color="#C3C5C4" />
   </shape>
  </clip>
 </item>
</layer-list>

1.4 代碼實(shí)現(xiàn)邏輯

代碼也非常簡(jiǎn)單,seekBar提供了一個(gè)監(jiān)聽(tīng)事件OnSeekBarChangeListener,在對(duì)應(yīng)的回調(diào)中實(shí)現(xiàn)文字的出現(xiàn)和消失、文本內(nèi)容的修改

public class MainActivity extends AppCompatActivity implements SeekBar.OnSeekBarChangeListener {

 private TextView tv;
 private SeekBar seekBar;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);

  tv = (TextView) findViewById(R.id.tv);
  seekBar = (SeekBar) findViewById(R.id.sb);
  seekBar.setOnSeekBarChangeListener(this);
 }

 /**
  * seekBar進(jìn)度變化時(shí)回調(diào)
  *
  * @param seekBar 
  * @param progress 
  * @param fromUser 
  */
 @Override
 public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
  if (seekBar.getProgress() == seekBar.getMax()) {
   tv.setVisibility(View.VISIBLE);
   tv.setTextColor(Color.WHITE);
   tv.setText("完成驗(yàn)證");
  } else {
   tv.setVisibility(View.INVISIBLE);
  }
 }

 /**
  * seekBar開(kāi)始觸摸時(shí)回調(diào)
  *
  * @param seekBar
  */
 @Override
 public void onStartTrackingTouch(SeekBar seekBar) {

 }

 /**
  * seekBar停止觸摸時(shí)回調(diào)
  *
  * @param seekBar
  */
 @Override
 public void onStopTrackingTouch(SeekBar seekBar) {
  if (seekBar.getProgress() != seekBar.getMax()) {
   seekBar.setProgress(0);
   tv.setVisibility(View.VISIBLE);
   tv.setTextColor(Color.GRAY);
   tv.setText("請(qǐng)按住滑塊,拖動(dòng)到最右邊");
  }
 }
}

好了,今天的SeekBar的使用就到這里,如果對(duì)其他基礎(chǔ)控件感興趣的,可以關(guān)注我的博客,基礎(chǔ)控件系列,歡迎提供大家idea。

源碼下載:http://xiazai.jb51.net/201611/yuanma/Androidseekbar(jb51.net).rar

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論