2012-08-23 8 views
5

मैंने नीचे दिए गए उदाहरण को लागू करने के कई तरीकों की कोशिश की है, लेकिन मैं इसे सार्वभौमिक रूप से काम नहीं कर सका।एक बटन के चारों ओर परिपत्र प्रगति संकेतक को कैसे कार्यान्वित करें?

मैंने पहले ही नीचे दी गई स्क्रीन का निर्माण पूरा कर लिया है। मैंने सही और केंद्र वर्टिकल गठबंधन किया है। और कुछ मार्जिन दिया।

enter image description here

मेरे समस्या मैं इसके लिए onpressed राज्य को जोड़ने के लिए है और मैं नीचे स्क्रीनशॉट की तरह एक परिपत्र प्रगति जोड़ने की जरूरत है।

enter image description here

मैं कैसे उस विशेष जगह में है कि परिपत्र प्रगति को लागू करने की पता नहीं है। मैंने बाएं केंद्र लंबवत से प्रगति को लागू करने की कोशिश की और कुछ मार्जिन दिया और इसे ठीक किया। लेकिन जब मैं इसे बड़ी स्क्रीन में स्थापित करता हूं तो संरेखण गलत हो जाता है। तो मैंने इसे सही केंद्र लंबवत से कार्यान्वित करने की कोशिश की और उस सर्कल तक उस के लिए मार्जिन दिया। लेकिन यह भी काम नहीं किया।

कृपया कोई मुझे बाहर करने में मदद, इस समस्या को :(

मैं एक सप्ताह से अधिक :(

संपादित करें के लिए इस के साथ मारा हूँ ठीक करने के लिए: XML कोड:

<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

हमें अपनी एक्सएमएल लेआउट फ़ाइल pls दिखाएं। – Elemental

+0

क्या आप बटन और प्रगति पट्टी को सापेक्ष लेआउट में लपेट नहीं सकते हैं और फिर दोनों को अपने माता-पिता में केंद्रित करने के लिए सेट कर सकते हैं ताकि उनकी मिडल हमेशा संरेखित हों? – brianestey

+0

हाय @brianestey, उत्तर के लिए धन्यवाद। पहली छवि जो मैंने अपलोड की है वह एक एकल छवि है। क्या मुझे इसे अलग करने की ज़रूरत है? यदि हां, तो मुझे अलग करने की आवश्यकता कैसे है? मैंने लोडिंग और पहली स्ट्रिप को रिश्तेदार लेआउट में ही रखा है। –

उत्तर

1

मैंने एक समान प्रभाव प्राप्त करने के लिए नमूना एक्सएमएल लेआउट के साथ खेला है। आप इस स्क्रीनशॉट और कोड पर एक नज़र डालें।

Screenshot of the layout

लेआउट प्राप्त करने के लिए एक्सएमएल चिपकाया गया है। जाहिर है आप इसे पसंद कर सकते हैं हालांकि आपको पसंद है।

<?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> 
संबंधित मुद्दे