方法：就是在
<ProgressBar
android:layout_weight="1"
android:id="@+id/download_item_progressBar"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="wrap_content"
android:layout_height="15dip"
android:progressDrawable="@drawable/progressbar_style"></ProgressBar>
在drawable中新建一个progressBar_style.xml文件，
这个属性进行设置，有两个方案：
第一，设置两张图片：
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="">
<item android:id="@android:id/background"
android:drawable="@drawable/progressbar_not" />
<item android:id="@android:id/secondaryProgress"
android:drawable="@drawable/progressbar_not">
</item>
<item android:id="@android:id/progress"
android:drawable="@drawable/progressbar_selected">
</item>
</layer-list>
你好
记录一个关于progress组件的demo，先看下效果↓
1.附上wxml代码 ↓
usual_progress代码如下↓
2.分别介绍一下四个progress
①第一个progress百分比为20， show-info属性为true,在进度条右侧显示进度数字；
②第二个progress百分比为40，stroke-width进度条的宽度（高度）设置为12px,缺省为6px
③第三个progress设置颜色为pink
④第四个progress中active属性为true，进度条动态显示。
（只要写上布尔变量的属性，则属性值默认为true，删除该属性或设置属性值为“{{false}}”才为false效果。）
3.附上官网的开发指南
希望对你有帮助！
如果使用的是query UI ，按这个代码试试Java代码
<style>
.ui-progressbar{
background : green
padding:1px
}
.ui-progressbar-value{
background : LightBlue
}
</style>
<script type="text/javascript">
$(function() {
$("#psp").progressbar({
value: 67
})
})
</script>
</head>
<body>
<div id="psp"></div>
</body>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）