Android-SeekBar(拖动进度条)

学习使用SeekBar，设置样式

我的学习步骤

1. 在xml中拖出一个SeekBar控件

   • 效果图
     
   • 代码
     

     <SeekBar
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:id="@+id/seekBar" />

2. 只想说这不是我想要的风格，然后参考了自定义漂亮的Android SeekBar样式

3. 首先改改基本布局

           <SeekBar
               android:id="@+id/seekBar"
               android:layout_width="match_parent"
               android:layout_height="wrap_content"
               android:focusable="true"  获取焦点
               android:maxHeight="4dp"  最大高度
               android:minHeight="4dp"   最小高度
               android:paddingLeft="30dp"
               android:paddingRight="30dp"/>

4. 现在设置背景样式了

   • 在drawable下创建样式文件po_seekbar.xml，seekbar_thumb.xml
   • 根标签为layer-list,这个我又不了解了，参考了：shape和selector和layer-list的详细说明
   • 为SeekBar添加了两个属于代码如下：

         <SeekBar
               android:id="@+id/seekBar"
               android:layout_width="match_parent"
               android:layout_height="wrap_content"
               android:focusable="true"
               android:maxHeight="4dp"
               android:minHeight="4dp"
               android:paddingLeft="30dp"
               android:paddingRight="30dp"
               android:progress="50" 设置了当前拖动位置
               android:secondaryProgress="70" 设置了加载的进度
               android:progressDrawable="@drawable/po_seekbar" 设置了拖动SeekBar的各种显示状态背景颜色
               android:thumb="@drawable/seekbar_thumb"/> 设置了拖动按钮的样式

   • 效果图：
     
   • po_seekbar.xml代码如下：

   <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
   <item android:id="@android:id/background"> 蓝色背景设置
       <shape>
           <solid android:color="#0000ff" />
       </shape>
   </item>
   <item android:id="@android:id/secondaryProgress">红色进度颜色设置
       <clip>
           <shape>
               <solid android:color="#ff0000" />
           </shape>
       </clip>
   </item>
   <item android:id="@android:id/progress">紫色拉动进度颜色设置
       <clip>
           <shape>
               <solid android:color="#ff996dfe" />
           </shape>
       </clip>
   </item>
   </layer-list>

   • seekbar_thumb.xml代码如下：

   <?xml version="1.0" encoding="utf-8"?>
   <selector xmlns:android="http://schemas.android.com/apk/res/android">
   当获取焦点、没有按下的时候显示的图片
   <item android:state_focused="true" android:state_pressed="false" android:drawable="@mipmap/seekbar_thumb_normal" />
   当获取焦点、按下的时候显示的图片
   <item android:state_focused="true" android:state_pressed="true" android:drawable="@mipmap/seekbar_thumb_pressed" />
   当没有获取焦点、按下的时候
   <item android:state_focused="false" android:state_pressed="true" android:drawable="@mipmap/seekbar_thumb_pressed" />
   其他状态的时候
   <item android:drawable="@mipmap/seekbar_thumb_normal" />
   </selector>

   seekbar_thumb_normal.png
   
   seekbar_thumb_pressed.png
   

5. 最后在java代码里获取控件设置监听事件

       seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
           @Override
           public void onProgressChanged(SeekBar seekBar, int i, boolean b) {
   
           }
   
           @Override
           public void onStartTrackingTouch(SeekBar seekBar) {
   
           }
   
           @Override
           public void onStopTrackingTouch(SeekBar seekBar) {
   
           }
       });

我的感受

• layer-list 标签是可以用来叠加图像的
• clip标签好像是根据条件剪切图形(￣┰￣*)
• android:secondaryProgress可以用来显示数据加载的进度，比如正在播放的连网音乐下载进度，我们就可以根据下载进度来快进了

想说的话

• 博客坚持写，不管怎么样，今后打算学习了新的东西就在这里记录一下，以便今后回顾，也希望小小笔记能帮助你们

• 如果内容有什么地方不对，请告知，希望大家能一起学习和成长(^o^)/~

• 来一句：理解并承认自己也会犯错误，犯了错误之后我们可以从中学习经验，然后保持一个积极的心态，继续前行继续进步