当前位置:   article > 正文

【android ProgressBar 进度条的进度两端是圆角的方法】_progressbar 环形圆角

progressbar 环形圆角

在这里插入图片描述
ProgressBar 使用的时候大多都是希望进度条中的两端都是圆角.虽然不是很常用,但是用的时候能够快速搞出来,修修改改就可以使用,看代码

<ProgressBar
android:layout_below="@id/text_1"
android:layout_marginTop="16dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/progressbar_1"
style="?android:attr/progressBarStyleHorizontal"
android:max="100"
android:progress="40"
android:progressDrawable="@drawable/progress_bar_drawable" />
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

progress_bar_drawable.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">   
     <shape>           
          <corners  android:topRightRadius="20dp"          
            android:bottomRightRadius="20dp" />  
          <solid android:color="#ED30353E"/>        
    </shape>    
   </item>   
   <item android:id="@android:id/secondaryProgress">
     <scale android:scaleWidth="100%">            
        <shape>                
            <corners android:topRightRadius="20dp"
               android:bottomRightRadius="20dp"/>
            <solid android:color="#11ce33"/>         
       </shape>        
     </scale>   
   </item>    


  <item android:id="@android:id/progress">  
      <!--       
       <clip>      
       <shape>        
             <corners android:topRightRadius="20dp"  
                  android:bottomRightRadius="20dp"/>   
             <solid android:color="#FF009898"/>      
      </shape>    
      </clip>     
     -->      
  <scale android:scaleWidth="100%"     
       android:drawable="@drawable/progress_bar_ct"   />  
  </item>
  </layer-list>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34

progress_bar_ct.xml

<?xml version="1.0" encoding="utf-8"?><shape
xmlns:android="http://schemas.android.com/apk/res/android"  
  android:shape="rectangle">
   <!-- solid指定形状的填充色,只有android:color一个属性 -->   
   <solid android:color="#FF009898" />   
   <!-- padding设置内容区域离边界的间距 -->    
    <!-- corners设置圆角,只适用于rectangle -->    
    <corners android:bottomRightRadius="20dp"
       android:topRightRadius="20dp"/>    
</shape>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/474168
推荐阅读
相关标签
  

闽ICP备14008679号