2017-03-05 130 views
0

我有一個自定義的圓形進度條,這個進度條來自其他網站。我已經嘗試了很多方法來調整它的大小,但圓形條不會改變。我只想放大圓形條。Android圓形進度條大小

我.XML包含欄:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:paddingBottom="@dimen/activity_vertical_margin" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin" 
tools:context="com.hangsproduction.algebragames.MainActivity$PlaceholderFragment"> 

<ProgressBar 

    android:id="@+id/circularProgressbar" 
    style="?android:attr/progressBarStyleHorizontal" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:indeterminate="false" 
    android:max="100" 
    android:progress="50" 
    android:progressDrawable="@drawable/circular" 
    android:secondaryProgress="100" 
    android:layout_marginBottom="110dp" 
    android:maxHeight="600dip" 
    android:minHeight="600dip" 

    android:minWidth="600dip" 
    android:maxWidth="10dip" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentStart="true" /> 

<ImageView 
    android:layout_width="90dp" 
    android:layout_height="90dp" 
    android:background="@drawable/whitecircle" 
    android:id="@+id/imageView3" 
    android:layout_alignTop="@+id/tv" 
    android:layout_centerHorizontal="true" 
    android:layout_marginTop="76dp" /> 

<TextView 
    android:id="@+id/tv" 
    android:layout_width="250dp" 
    android:layout_height="250dp" 
    android:gravity="center" 
    android:text="25%" 
    android:textColor="#ffffff" 
    android:textSize="25sp" 
    android:layout_alignBottom="@+id/circularProgressbar" 
    android:layout_centerHorizontal="true" 
    android:layout_marginBottom="54dp" /> 


</RelativeLayout> 

我定製的圓形酒吧:

<?xml version="1.0" encoding="utf-8"?> 

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
<item android:id="@android:id/secondaryProgress"> 
    <shape 
     android:innerRadiusRatio="6" 
     android:shape="ring" 
     android:thicknessRatio="20.0" 
     android:useLevel="true"> 


     <gradient 
      android:centerColor="#dddfe1" 
      android:endColor="#dddfe1" 
      android:startColor="#dddfe1" 
      android:type="sweep" /> 
    </shape> 
</item> 

<item android:id="@android:id/progress"> 
    <rotate 
     android:fromDegrees="270" 
     android:pivotX="50%" 
     android:pivotY="50%" 
     android:toDegrees="270"> 

     <shape 
      android:innerRadiusRatio="6" 
      android:shape="ring" 
      android:thicknessRatio="20.0" 
      android:useLevel="true"> 


      <rotate 
       android:fromDegrees="0" 
       android:pivotX="50%" 
       android:pivotY="50%" 
       android:toDegrees="360" /> 

      <gradient 
       android:centerColor="#00FF00" 
       android:endColor="#00FF00" 
       android:startColor="#00FF00" 
       android:type="sweep" /> 

     </shape> 
    </rotate> 
</item> 
</layer-list> 
+0

你需要一個定製的圓形進展?你可以使用 <進度 的android:layout_width = 「WRAP_CONTENT」 機器人:layout_height = 「WRAP_CONTENT」 風格= 「@安卓風格/ Widget.ProgressBar.Small」 機器人:layout_marginRight = 「5DP」/> –

+0

變化您的進度條的樣式爲:style =「?android:attr/progressBarStyleLarge」 您還可以在android:layout_width和 android:layout_height屬性中定義特定寬度或高度(如150dp或100dp)而不是wrap_content – Alvi

回答

0

你有沒有嘗試:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:id="@android:id/secondaryProgress"> 
     <shape 
      android:innerRadiusRatio="6" 
      android:shape="ring" 
      android:thicknessRatio="20.0" 
      android:useLevel="true"> 

      <stroke 
       android:width="mydp" /> // add this line 


      <gradient 
       android:centerColor="#dddfe1" 
       android:endColor="#dddfe1" 
       android:startColor="#dddfe1" 
       android:type="sweep" /> 
     </shape> 
    </item> 

    <item android:id="@android:id/progress"> 

     <rotate 
      android:fromDegrees="270" 
      android:pivotX="50%" 
      android:pivotY="50%" 
      android:toDegrees="270"> 

      <shape 
       android:innerRadiusRatio="6" 
       android:shape="ring" 
       android:thicknessRatio="20.0" 
       android:useLevel="true"> 

       <stroke 
        android:width="mydp" /> // add this line 


       <rotate 
        android:fromDegrees="0" 
        android:pivotX="50%" 
        android:pivotY="50%" 
        android:toDegrees="360" /> 

       <gradient 
        android:centerColor="#00FF00" 
        android:endColor="#00FF00" 
        android:startColor="#00FF00" 
        android:type="sweep" /> 

      </shape> 
     </rotate> 
    </item> 
</layer-list> 

希望這有助於