您的位置:首页 > 移动开发 > Android开发

Android SeekBar 进度条 沙漏 加载条

2017-01-12 09:43 465 查看
<SeekBar
android:id="@+id/seek"
android:layout_width="300px"
android:layout_height="wrap_content"
android:max="100"
android:progress="50"
android:progressDrawable="@drawable/seekbar_img"
android:thumb="@drawable/thumb" />

圆形进度条

<ProgressBar
android:id="@+id/progressBar1"
style="?android:attr/progressBarStyleLarge"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true" />

条形 进度条
<ProgressBar
android:id= "@+id/progressBar1"
style= "?android:attr/progressBarStyleHorizontal"
android:layout_width= "wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:max= "100"
android:progress= "70" />

精度条
seebar_img.xml

<?xml version="1.0" encoding= "utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- 背景条 -->
<item android:id="@+android:id/background" android:drawable="@drawable/bg" />
<!--二级精度条  -->
<item android:id="@+android:id/SecondaryProgress"
android:drawable="@drawable/bg" />
<!-- 一级进度条 -->
<item android:id="@+android:id/progress" android:drawable="@drawable/bg2" />
</layer-list>

进度条的button
thumb.xml

<?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/bg3" />

<!-- 普通无焦点状态 -->
<item android:state_focused="false" android:state_pressed= "false"
android:drawable="@drawable/bg4" />
</selector>

gif 动画 加载条。

1、创建动画 文件夹 anim loading.xml
<?xml version= "1.0" encoding ="UTF-8"?>
<animation-list android:oneshot="false"
xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:duration="150" android:drawable= "@drawable/xiu0" />
<item android:duration="150" android:drawable= "@drawable/xiu1" />
<item android:duration="150" android:drawable= "@drawable/xiu2" />
<item android:duration="150" android:drawable= "@drawable/xiu3" />
</animation-list>

2、在style中创建style 使用 indeterminateDrawable属性 设置 上面的动画。
<?xml version= "1.0" encoding ="UTF-8"?>
<resources>
<style name= "animStyle" parent ="@android:style/Widget.ProgressBar.Large">
<item name= "android:indeterminateDrawable" >@anim/loading</item>
</style>
</resources>

3、在progress 中设置style 为上个style的名字。
<ProgressBar android:id="@+id/ProgressBar01" style="@style/animStyle"
android:layout_width="128px" android:layout_height ="128px"></ ProgressBar>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐