2013-11-09 6 views
11

मैं छविदृश्यों पर टेक्स्टव्यू ओवरले रखने की कोशिश कर रहा हूं। इसएंड्रॉइड में छविदृश्य पर टेक्स्ट ओवरले

people app

तरह कोई मुझे कोड के साथ मदद कर सकते हैं।

+0

आप gridview है सेट अप? – kabuto178

+0

नहीं, लेकिन मुझे लगता है कि मैं उस –

+2

का प्रबंधन कर सकता हूं, फिर आप फ्रेमलेआउट या रिश्तेदार के साथ एक कस्टम एक्सएमएल बना सकते हैं और एक छविदृश्य पर एक टेक्स्टव्यू स्थिति रख सकते हैं और इसे अपने ग्रिडव्यू एडाप्टर – kabuto178

उत्तर

4

मैं एक ही समस्या थी और एक कस्टम GridView का उपयोग कर इसे हल है। आपको इसे getView में लागू करना होगा।

कस्टम GridView एक्सएमएल:

<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/layout_practitioner" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" > 

    <ImageView 
     android:id="@+id/item_image" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:scaleType="centerCrop" 
     android:contentDescription="@string/contentDescriptionContent" 
    /> 

    <LinearLayout 
     android:id="@+id/layout_login" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical" 
     android:layout_gravity="center" 
     android:background="#CC515116" 
     android:visibility="gone" 
     android:gravity="center" > 

      <TextView    
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:textColor="@android:color/white" 
       android:text="@string/text_enter_pass_password" 
       android:paddingBottom="7dp" 
       android:textSize="20sp" 
      /> 

      <EditText 
       android:id="@+id/edit_practitioner_pin" 
       android:layout_width="wrap_content" 
       android:layout_height="40dp" 
       android:layout_gravity="center" 
       android:background="@drawable/edittext_shape" 
       android:ems="6" 
       android:gravity="center" 
       android:inputType="numberPassword" 
       android:maxLength="4" 
       android:layout_marginBottom="10dp" 
       android:layout_marginTop="10dp" 
       android:visibility="visible" 
      />    

      <Button 
       android:id="@+id/pract_button" 
       android:layout_width="70dp" 
       android:layout_height="30dp" 
       android:background="@drawable/buton_shape" 
       android:layout_marginBottom="35dp" 
       android:text="@string/btn_ok" 
      /> 
    </LinearLayout> 


<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" 
    android:layout_gravity="bottom" 
    android:background="#bbffffff" 
    android:focusable="false" 
    android:focusableInTouchMode="false" > 

    <TextView android:id="@+id/item_text" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="3dp" 
     android:textColor="@color/text_black"  
     android:gravity="bottom|center" 
     android:textSize="20sp" 
     android:textAllCaps="true" 
     android:paddingBottom="0dp" 
     /> 

    <TextView 
     android:id="@+id/text_pratiotioner_group_name" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:textColor="@color/sub_title_color" 
     android:visibility="visible" 
     android:gravity="bottom|center" 
     android:textAllCaps="true" 
    /> 

</LinearLayout> 

</FrameLayout> 
7

फ़्रेमलेआउट में टेक्स्ट व्यू और छवि दृश्य को लपेटें, ImageView के बाद टेक्स्टव्यू में टेक्स्ट व्यू डालें। फिर, फ्रेमलेआउट को रिलेटिव लेआउट या लीनियरलाउट में लपेटें। कुछ स्थिति सेटअप करें (जरूरतों के अनुसार)।

<RelativeLayout> 
    <FrameLayout> 
     <ImageView /> 
     <TextView /> 
    </FrameLayout> 
</RelativeLayout> 
1

तदनुसार लेआउट संशोधित करें, आप केवल, तो आप भी एक imageView सहित एक रिश्तेदार से एक में नीचे लेआउट ड्रॉप कर सकते हैं एक imageView पर छवियों को समायोजित करने के लिए चाहते हैं।

<LinearLayout 

     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:background="@drawable/your_image" 
     android:orientation="vertical" > 
    <TextView 
     android:id="@+id/bottom_textview" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     <!-- layout_gravity="supply accordingly" --> 
     android:gravity="center"/> 

</LinearLayout> 
4

तुम एक फ्रेम लेआउट बना सकते हैं और फ्रेम लेआउट के भीतर एक imageView और एक LinearLayout (एक पारदर्शी पृष्ठभूमि और एक TextView के साथ) रहते हैं।

पारदर्शी रंग रंग में रखा जा सकता है फ़ाइल के रूप में: # 80000000 यहाँ एक टुकड़ा :)

<FrameLayout 
      xmlns:android="http://schemas.android.com/apk/res/android" 
      android:id="@+id/mainlayout" 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:foregroundGravity="bottom" 
      android:orientation="vertical" > 

      <ImageView 
       android:id="@+id/ivFullScreenAd" 
       android:layout_width="fill_parent" 
       android:layout_height="fill_parent" 
       android:layout_marginBottom="8dp" 
       android:src="@drawable/home_page_ad" /> 

      <LinearLayout 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:layout_gravity="bottom" 
       android:background="@color/translucent" 
       android:orientation="vertical" > 

       <TextView 
        android:id="@+id/detailTitle" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_gravity="left" 
        android:paddingLeft="10dip" 
        android:textAppearance="?android:attr/textAppearanceLarge" 
        android:text="Please swipe up" 
        android:textColor="@color/white" 
        android:textIsSelectable="true" 
        android:textSize="20sp" /> 
      </LinearLayout> 
     </FrameLayout> 
3

हालांकि एक पुराने सवाल लेकिन बैठाना चाहिए किसी को भी इस सवाल ये रहा की कार्ड दृश्य संस्करण में रुचि रखता है ...

<android.support.v7.widget.CardView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    app:cardCornerRadius="5dp" 
    app:cardElevation="5dp" 
    android:layout_weight="0.5" 
    app:cardPreventCornerOverlap="false" 
    app:cardUseCompatPadding="true" 
    android:clickable="true"> 

    <FrameLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="vertical" 
     android:gravity="center_vertical" 
     android:layout_centerInParent="true"> 

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:padding="16dp" 
     android:background="#89969F"> 
    <ImageView 
     android:id="@+id/iv_overlay" 
     android:layout_width="196dp" 
     android:layout_height="196dp" 
     android:clickable="true" 
     android:src="@drawable/your_image" 
     android:layout_centerInParent="true" /> 


    </RelativeLayout> 

     <LinearLayout 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:layout_gravity="bottom" 
      android:background="#80000000" 
      android:orientation="vertical" > 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:singleLine="true" 
       android:textSize="22sp" 
       android:textStyle="bold" 
       android:gravity="center_vertical" 
       android:text="Settings" 
       android:textColor="@color/white" 
       android:layout_gravity="center" 
       android:layout_alignParentTop="false" 
       android:layout_alignParentBottom="true" 
       android:layout_centerHorizontal="true" 
       android:padding="8dp" /> 

     </LinearLayout> 
    </FrameLayout> 
</android.support.v7.widget.CardView> 
+0

thanx :) लेकिन मैं दो कार्ड्स के बीच अंतर को प्रबंधित करने में सक्षम नहीं हूं। प्रश्न में तस्वीर में दिखाए गए अनुसार मुझे एक दूसरे के करीब छवियों/कार्डों की भी आवश्यकता है। लेकिन मैं कुछ क्षैतिज और ऊर्ध्वाधर अंतराल देख रहा हूँ। सभी stretchMode संयोजन कोशिश की। कोई त्वरित फिक्स? – AndroidGuy

+0

अगर मैं आपको सही समझता हूं! आप कार्ड के बीच की जगह नहीं चाहते हैं। यदि हां फिर 'रिलेवेटिवआउट' के साथ 'android.support.v7.widget.CardView' को प्रतिस्थापित करें। जो आपको दिखाई देने वाली सीमाओं को हटा देना चाहिए। कार्ड कार्ड दृश्य 'कार्ड एलिवेशन' विशेषता के कारण होते हैं। –

+0

ठीक है .. लेकिन मुझे कार्ड का उपयोग करने की आवश्यकता है। मैं कार्ड एलिवेशन विशेषता और अद्यतन को हटाने का प्रयास करूंगा। धन्यवाद !! – AndroidGuy

संबंधित मुद्दे