2015-07-20 22 views
5

Böyle bir şey yapmaya çalışıyorum İlerleme Bar görünmüyor ve bu kod benim çekilebilir dosyamda:Arkaplan tarzı

progress_bar_layout.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 
      android:innerRadius="70dp" 
      android:shape="ring" 
      android:thickness="18dp"> 
     </shape> 
    </item> 

<item android:id="@android:id/progress"> 
    <shape 
     android:innerRadius="70dp" 
     android:shape="ring" 
     android:thickness="18dp"> 

     <gradient 
      android:endColor="#ff0f315f" 
      android:startColor="#ff005563" 
      android:type="sweep" /> 
    </shape> 
</item> 


<item android:id="@android:id/secondaryProgress"> 
    <shape 
     android:innerRadius="70dp" 
     android:shape="ring" 
     android:thickness="18dp"> 

     <gradient 
      android:endColor="#ff1490e4" 
      android:startColor="#ff00c0dd" 
      android:type="sweep" /> 
    </shape> 
</item> 

</layer-list> 

düzen:

<ProgressBar 
     android:id="@+id/bar" 
     style="?android:attr/progressBarStyleHorizontal" 
     android:layout_width="180dp" 
     android:layout_height="180dp" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" 
     android:max="100" 
     android:progress="99" 
     android:progressDrawable="@drawable/progress_bar_layout" 
     android:secondaryProgress="30" /> 

sorun benim arka plan stili görünmüyor olmasıdır. Bu yüzden arka planın işini yapmak için ilerlemeyi kullanıyorum, ancak görebildiğiniz gibi, maksimum boyut 99'luk bir işlem yapmıyor ve sonunda bir boşluk var. Bazı kodları eksik miyim?

+1

Eğer başarmak için çalışıyoruz ne, kolayca boyamak veya photoshop –

+0

Ms yapılabilir imajını yükleyebilir miyim @LX zaten mevcut. –

+0

Sadece progressual arka planında siyah arka plan istiyorsanız, sadece bu android ayarlayın: background = "# 222222" senin etiketinde –

cevap

3

Temel olarak, her öğe için progress_bar_layout.xml çekilebilir dosya ayırmak zorunda kaldım, bu nedenle, ilerleme ayarları ile bir dosya ve arka plan ayarları için başka bir dosya. Ve sonra, onları ilgili elemanlara ekledim. tabaka listesini kullanma

android:background="@drawable/circle_shape" 
android:progressDrawable="@drawable/circular_progress_bar" /> 

, proje arka plan ayarını bulamadık, bu yüzden bu yaklaşım benim sorun çözüldü.

circle_shape.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:innerRadius="60dp" 
    android:shape="ring" 
    android:thickness="10dp" 
    android:useLevel="false"> 

    <solid android:color="@color/blue"></solid> 

</shape> 

circular_progress_bar.xml

<?xml version="1.0" encoding="utf-8"?> 
<rotate xmlns:android="http://schemas.android.com/apk/res/android" 
    android:fromDegrees="270" 
    android:toDegrees="270"> 
    <shape 
     android:innerRadius="60dp" 
     android:shape="ring" 
     android:thickness="10dp" 
     android:useLevel="true"> 

     <solid android:color="@color/blue"></solid> 

    </shape> 
</rotate> 
+0

Cevabınızı circle_shape.xml ve circular_progress_bar.xml kodlarıyla güncelleyebilir, nasıl çözdüğümü görmek istiyorum –

+0

@LX kodu eklendi. –