2012-08-23 31 views
5

Aşağıdaki örneği uygularken birçok yolu denedim, ancak bunu evrensel olarak yapamadım.Bir düğme etrafında dairesel ilerleme göstergesi nasıl uygulanır?

Aşağıdaki ekranı oluşturmayı zaten tamamlamış durumdayım. Sağa ve orta dikeye hizalandım. ve bazı marjlar verildi.

enter image description here

Sorunum bunun için onpressed devlet eklemek zorunda ve ben ekran görüntüsü aşağıdaki gibi bir dairesel ilerleme eklemem gerekiyor olduğunu.

enter image description here

ben o belirli yerde o dairesel ilerlemeyi nasıl uygulanacağı bilmiyorum. İlerlemeyi sol merkezden dikey olarak uygulamaya çalıştım ve bir miktar marj verdim ve düzeltdim. ama büyük ekranlarda kurduğumda hizalama yanlış gidiyor. Bu yüzden onu doğru merkezden dikey olarak denedim ve o çevreye kadar marj verdim. Ama bu bile işe yaramadı.

lütfen biri bana yardım Bu sorunu :(

Ben fazla bir hafta :(

DÜZENLEME için bu ile vurdu ediyorum nasıl düzeltileceği: XML kodu:

<ProgressBar 
     android:id="@+id/ProgressBar01" 
     android:layout_width="60dp" 
     android:layout_height="60dp" 
     android:layout_alignParentRight="true" 
     android:layout_centerVertical="true" 
     android:background="@drawable/circular_progress" 
     android:layout_marginRight="185dp" 
     android:progress="50" /> 

    <ImageButton 
     android:id="@+id/imageView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:layout_centerVertical="true" 
     android:background="@null" 
     android:src="@drawable/tap_to_capture" /> 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:layout_centerVertical="true" 
     android:text="@string/tap_to_cap" 
     android:textSize="12sp" 
     android:textColor="#006666" 
     android:layout_marginRight="25dp" 
     android:textAppearance="?android:attr/textAppearanceSmall" /> 
+1

bize XML düzen dosyanızı gösterin. – Elemental

+0

Düğmeyi ve ilerleme çubuğunu göreceli bir düzende sarsamazsınız ve sonra her ikisini de ebeveynlerinin ortalanacağı şekilde ayarlayın; – brianestey

+0

Merhaba @brianestey, Cevabınız için teşekkürler. Yüklediğim ilk resim tek bir resim. Ayırmalı mıyım? Eğer öyleyse, nasıl ayrılmam gerekiyor? Yükü ve ilk şeridi kendisinin göreceli bir düzenine yerleştirdim. –

cevap

1

Aradığın benzer bir etkiyi elde etmek için örnek bir XML düzeniyle oynamıştım .. Bu ekran görüntüsüne ve koduna bir göz at

Screenshot of the layout

Düzeni elde etmek için XML aşağıya yapıştırılmıştır. Açıkçası, hoşunuza gidebilirsin.

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"> 

    <RelativeLayout 
     android:id="@+id/RelativeLayoutLeftButton" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" > 

     <ProgressBar 
      android:id="@+id/progressBar1" 
      style="?android:attr/progressBarStyleLarge" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerInParent="true" /> 

     <ImageButton 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerInParent="true" 
      android:background="@android:color/transparent" 
      android:src="@drawable/ic_play" /> 
    </RelativeLayout> 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_centerVertical="true" 
     android:layout_toRightOf="@+id/RelativeLayoutLeftButton" 
     android:text="Click Here" 
     android:textAppearance="?android:attr/textAppearanceSmall" 
     android:textColor="#006666" 
     android:textSize="12sp" /> 

</RelativeLayout> 
İlgili konular