2013-03-06 23 views
19

Işıma efekti nasıl uygulanır?Bu tür Progressbar türlerini xml dosyasını kullanarak nasıl uygulayabilirsiniz

Bu tür yatay ProgressBar türünü oluşturmaya çalışıyorum ancak ilerlemenin başlangıç ​​noktası olarak parlayan efekt hakkında hiçbir fikrim yok.

enter image description here

İşte

<?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:radius="0dip" /> 

     <solid android:color="#ff9d9e9d"/> 
     </shape> 
    </item> 
    <item android:id="@android:id/secondaryProgress"> 
     <clip> 
      <shape> 
       <corners android:radius="5dip" /> 

      <gradient 
        android:angle="180" 
        android:startColor="#8872f8fc" 
        android:endColor="#886dc0e3" /> 
      </shape> 
     </clip> 
    </item> 
    <item android:id="@android:id/progress"> 
     <clip> 
      <shape> 
       <corners android:radius="5dip" /> 

       <gradient 
        android:angle="180" 
        android:startColor="#31c6f7" 
        android:centerColor="#2ea6d1" 
        android:endColor="#2884a6" /> 
      </shape> 
     </clip> 
    </item> 

</layer-list> 
+1

için benzer bir şey yaptım belki bu yardımcı olacaktır http://stackoverflow.com/questions/15898185/holo-progressbar-glow-effect – Elior

+0

U şuna bakmalısınız http://stackoverflow.com/questions/2819778/custom-drawable-for-progressbar-progressdialog – Niko

+1

İlerleme çubuğuyla doğru şekilde hizalamak için aşağıdaki yüzdeyi nasıl eklediniz? – Abbadon

cevap

0

ışıma etkileri şeffaflık png drawables olan degrade renk için benim kodudur. Mevcut sürecin sağ tarafında yer aldı.

Özel bir görünüm ilerleme çubuğu oluşturun.

0

Alternatif olarak, düzeninize bir ImageView ekleyebilirsiniz. İlerleme çubukları için çekilişler oluşturun. Ardından ImageView içinde 2 kat kod ile çizin. İlk katman arka plan olacak ve ikinci katman topuz olacaktır. Görünümün dokunulduğunu güncellemek için, onView Viewview View View Viewer'a yeniden çizim kodunu yazın.

2

Parlayan kafa için bir png görüntüsü kullanabilirsiniz. Katman listesinin içinde < bitmap> etiketini kullanın ve sağa hizalayın. Ben bambaşka bir uygulama

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" > 

<item> 
    <shape> 
     <gradient 
      android:angle="270" 
      android:endColor="#4C4C4C" 
      android:startColor="#303030" /> 

     <stroke 
      android:width="0dp" 
      android:color="#000000" /> 

     <corners android:radius="0dp" /> 

     <padding 
      android:bottom="0dp" 
      android:left="5dp" 
      android:right="0dp" 
      android:top="0dp" /> 
    </shape> 
</item> 
<item> 
    <bitmap 
     android:antialias="true" 
     android:gravity="right|bottom|fill_vertical" 
     android:src="@drawable/spinner_down_arrow" /> 
</item> 

</layer-list> 
İlgili konular