Android 进度条(ProgressBar)和拖动条(Seekbar)补充“自定义组件”(总结)
这周结束了,我也码了一周的字,感觉还是很有种脚踏实地的感觉的,有时间就可以看看自己的总结再查漏补缺,一步一个脚印,做出自己最理想的项目。
今天我们讲两点:
1.ProgressBar:
其实前面也稍微提到过,但是只是稍微提一下,不全面,就提了进度条有两种,圈和线,都是加载,圈的话比较容易实现,一般是搞个监听器,某个控件结束就给它隐藏(这是暂时学的体会),圈的前面提过,今天主要就说水平的进度条。
前面也提到过,就加个
style="@style/Widget.AppCompat.ProgressBar.Horizontal"它就变成水平的了。今天实现下常用的进度条,那种从0加载到100的,这边学长们提的时候牵扯到许多新的知识,总之今天的任务还是比较重的。
<ProgressBar android:id="@+id/pb1" style="@style/Widget.AppCompat.ProgressBar.Horizontal" 后面的文字都是解释,这个是变成水平的进度条 android:layout_width="match_parent" 布局的宽度 android:layout_height="wrap_content" 布局的长度 android:layout_marginStart="10dp" 边距开始,相当于左,end结束就相当于右嘛 android:progress="10" 这个是初始化,指的是刚开始进度为多少 android:secondaryProgress="30" 这个是二级进度,就像看电视一边看一边缓存,这就是缓存的那部分 android:max="100" 这指的是最大进度取值 android:progressDrawable="@drawable/progress" 调用进度条的样式,这个是自己写的样式 android:layout_marginTop="20dp" android:layout_marginEnd="10dp" />下面的就是那个圆角矩形的样式:
<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 这个是列表布局嘛 <item android:id="@android:id/background"> 列表,这是个相当于背景色的样式 <shape android:shape="rectangle"> 形状控件为矩形 <solid android:color="@android:color/white"/> 填充的颜色 <stroke android:width="3dp" 这边是边框有多粗android:color="@android:color/holo_blue_bright"/> 这是边框颜色 <corners android:radius="25dp"/> 这是圆角偏移量,h5学过应该也懂,就是四个角的弧度,25dp指的是这条弧是取自半径为这么多的圆 </shape> </item> <item android:id="@android:id/secondaryProgress"> 这个是二级进度的样式列表 <clip> <shape android:shape="rectangle"> 也是矩形 <solid android:color="@android:color/holo_orange_dark"/> 铺上颜色 <corners android:radius="25dp"/> 和背景样式一样这三个控件有点像帧布局,一层一层铺上去, </shape> </clip> </item> <item android:id="@android:id/progress"> 这个是进度条进度显示(最顶层显示) <clip> <shape android:shape="rectangle"> 矩形 <solid android:color="@android:color/holo_green_dark"/> 为了突出,颜色肯定得不一样 <corners android:radius="25dp"/> 同上 </shape> </clip> </item></layer-list>在主活动中写入新的 句柄这个概念,好像是线程的知识,为的就是让它随机的加载,模仿加载数据时的进度条;
final ProgressBar pb1=findViewById(R.id.pb1); //连接进度条handler =new Handler();//创建一个句柄,我就把它当做循环来看的,但是1秒循环一次handler.post(new Runnable() {//new一个runnable线程,因为Runnable是接口,所以得实现run方法。这都是java的 @Override public void run() {//实现run方法 Random r=new Random();//new一个随机类 pb1.setProgress(pb1.getProgress()+r.nextInt(10));//把当前进度取出来,加上随机的0-9,再放进去,实现加载进度的样式。 if(pb1.getProgress()<pb1.getMax()){//如果没超出,就一直调用线程 handler.postDelayed(this,1000);//延迟一秒,这个应该很简单 } System.out.println("进入"+pb1.getProgress());//每次输出当前进度 }});
大概就这些了,其实学长还补充了自定义组件,我就最后再补充吧。这边再讲拖动条,拖动条应该很常见,调亮度,调声音,调透明度。。。SeekBar 各位,了解一下。
<SeekBar android:id="@+id/sb1" 这些和进度条的都差不多 android:layout_width="match_parent" android:layout_height="wrap_content" android:progress="10" android:max="100" android:splitTrack="false"这个东西 只可意味不可言传,就是那个拖的按钮的占据位置的边框,一般最好不要吧,不然看着怪,false就好 android:secondaryProgress="50" 这个也是同进度条 android:thumb="@drawable/my_thumb" 这个意思是那个拖动的按钮,中文翻译是拇指,就是指那个拖的东西的样式,可以插入图片,但是进来小点30dp以内就不错。 android:progressDrawable="@drawable/progress"这个是那中间进度的样式,和进度条一样 android:layout_marginStart="10dp" android:layout_marginTop="20dp" android:layout_marginEnd="10dp"/>这边把样式也弄过来介绍吧,新鲜东西挺多的。
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true" android:drawable="@drawable/my_thumb_true"/> <item android:state_pressed="false" android:drawable="@drawable/my_thumb_false"/></selector>这是个选择器,顾名思义,看当前是否按下按钮state_pressed=""根据判断去那个样式,这种嵌套应该好理解。这边就是按下的另一个xml
<?xml version="1.0" encoding="utf-8"?><shape android:shape="oval" 这里指的是一个oval的形状。 xmlns:android="http://schemas.android.com/apk/res/android"> <size android:width="25dp" android:height="25dp"/>这边指的是大小 <solid android:color="@android:color/holo_red_dark"/>这边是填充的颜色。</shape>
两个其实差不多
<?xml version="1.0" encoding="utf-8"?><shape android:shape="oval" xmlns:android="http://schemas.android.com/apk/res/android"> <size android:width="20dp" android:height="20dp"/> <solid android:color="@android:color/holo_blue_bright"/></shape>为了好区别,一个就小一点。
主活动里:这边sb是全局变量,SeekBar了解一下,哈哈
sb = findViewById(R.id.sb1);//这边主要介绍下它的监听器,这个跟那个文本 的输入检测那个监听器很像,三部分组成,更改前。更改时,更改后。sb.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() { @Override public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) { System.out.println("进度" + progress); pb1.setProgress(progress);这两个是为了和进度条连接起来,拖动拖动条的按钮,进度条的数据也变。 } @Override public void onStartTrackingTouch(SeekBar seekBar) { System.out.println("按下去"); } @Override public void onStopTrackingTouch(SeekBar seekBar) { System.out.println("松开"); }});第一条只是演示,请忽略。这测试,就是假设这是个看视频的软件通道绿色的是当前数据,橙色的是那个二级进度,就是给视频缓存的,应该能理解吧。
最后就介绍下那个自定义组件。
自己理解的有点模糊,如果有错,请指正(轻点打脸,饶命!!!)
我认为自定义组件就相当于给它搞个快捷 的布局,比如这份,就是如果想导入一个进度条就直接调用这个组件就好了。
public class MyLayout extends LinearLayout { 自定义的布局,继承线性布局 private ProgressBar pb;把那个进度条拿过来 private TextView tv;//搞个文本 public MyLayout(Context context) { //写自己的构造器。 this(context, null); } public MyLayout(Context context, @Nullable AttributeSet attrs) { this(context, attrs ,0); } public MyLayout(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); View view = View.inflate(context, R.layout.my_layout, this);//这边给视图实例化当前的布局对象。 pb = view.findViewById(R.id.pb1);//连接当前布局里的控件 tv = view.findViewById(R.id.tv1); } /**设置文字*/ public void setProgressText(String text) {//这边是自己定义的一些方法,给组件中的控件使用 tv.setText(text); } public void setProgress(int progress) {//这是进度条的写入, pb.setProgress(progress); } public int getProgress() {//进度条的获取 return pb.getProgress(); } public int getMax() {//最大值的获取 return pb.getMax(); }
其实这个很像我们上节课学的那个自定义对话框。就是完全自己写,可塑性很强,相当于重新创作一个属于自己的组件,或者布局。用起来也十分的方便。好,今天的总结就到这了,东西是有点多,中途也耽误了会,所以搞得有点晚,加油,周末结束,明天继续。