कुछ Android ऐप्स और ICS में आप कैसे देख सकते हैं जैसे मैं एक हेल्प ओवरले बनाता हूँ?

Question

जब आप आईसीएस को पहली बार या ईएस फाइल एक्सप्लोरर या एपेक्स लॉन्चर जैसे ऐप में लोड करते हैं (तो और भी हैं, लेकिन मैं उनके बारे में अभी नहीं सोच सकता) जैसी मदद ओवरले बनाने के लिए चाहता हूं। क्या यह केवल एक सापेक्ष लेआउट है जिसमें एक दृश्य दूसरे के शीर्ष पर बैठा है? ऐसा काम करने के लिए मुझे कोई नमूना कोड नहीं मिला है। किसी को पता है कि यह कैसे किया जाता है या कोई विचार है?

Answer 1

चलो मान लेते हैं कि आप कॉल करेंगे setContentView(R.layout.main), लेकिन पहले रन पर, आप यह ओवरले करना चाहते हैं।

चरण # 1: FrameLayoutजावा कोड में एक बनाएँ और इसे पास करें setContentView()।

चरण # 2: में LayoutInflaterफुलाने के लिए उपयोग करें ।R.layout.mainFrameLayout

चरण # 3: LayoutInflaterओवरले को इनफ्लो करने के लिए उपयोग करें FrameLayout।

चरण # 4: जब उपयोगकर्ता ओवरले को खारिज करने के लिए बटन (या जो भी) टैप करता है, ओवरले removeView()को हटाने के लिए कॉल करें FrameLayout।

चूंकि ओवरले एक बाद का बच्चा है FrameLayout, इसलिए यह सामग्री के शीर्ष पर तैरता रहेगा R.layout.main।

Comments

@ ssuperz28: हाँ, ठीक है, हाथ से तैयार तीर और बुलबुले को छोड़कर। आप उन लोगों के लिए अपने दम पर हैं। :-)

— कॉमन्सवेयर

मुझे नहीं पता कि आप जो चाहते थे वह करने में कामयाब रहे, लेकिन यहां एक और विकल्प है। stackoverflow.com/questions/8841240/… यदि आप CommonsWare द्वारा दिए गए समाधान को मंत्र देते हैं, तो तीर को सेट करने के लिए केवल एक चीज जो मेरे पास होती है, वह है संसाधन के फ्रेमलेयआउट को किसी संसाधन के साथ परिभाषित करना। (और पारदर्शिता)।

— एडिसन सैंटोस

क्या ऐसा करने का एक तरीका है, लेकिन यह बच्चों की स्थिति के सापेक्ष कर रहा है जो कि फ्रेम-आउट से नीचे हैं?

— 4gus71n

@CommonsWare - साहब यह जो भी डिवाइस हो सकता है की परवाह किए बिना काम करेगा?

— चूहा-ए-तात-ए-तात रतातौली

@ user3364963: चीजों की स्थिति को गतिशील रूप से समायोजित करें। मेरा जवाब कुछ सरल था। मुझे लगता है कि वे निर्धारित-हाइलाइट किए गए तत्वों की स्थिति निर्धारित करते हैं और "कोच के निशान" के निर्देशांक को समायोजित करते हैं। ViewGroup"कोच के निशान" परत के लिए एक प्रथा है कि संभाल सकता है, और वहाँ पुस्तकालयों (जैसे, ShowcaseView) कि पैटर्न के कैन्ड कार्यान्वयन की पेशकश कर रहे हैं।

— कॉमन्सवेयर

Answer 2

UX टॉक में "कोच मार्क" "हेल्प ओवरले" है :-)

Coach_mark.xml आपका कोच मार्क लेआउट है

कोच_मार्क_मास्टर_व्यू , कोच_मार्क.एक्सएमएल में सबसे अधिक दृश्य (रूट) की आईडी है

public void onCoachMark(){

    final Dialog dialog = new Dialog(this);
    dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
    dialog.getWindow().setBackgroundDrawable(new ColorDrawable(android.graphics.Color.TRANSPARENT));
    dialog.setContentView(R.layout.coach_mark);
    dialog.setCanceledOnTouchOutside(true);
    //for dismissing anywhere you touch
    View masterView = dialog.findViewById(R.id.coach_mark_master_view);
    masterView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            dialog.dismiss();
        }
    });
    dialog.show();
}

Coach_mark.xml का नमूना जोड़ना (Oded Breiner द्वारा दिए गए इस उत्कृष्ट समाधान के लिए), इसलिए इसके पीपीपी को कॉपी और पेस्ट करने के लिए काम का उदाहरण जल्दी से देखने के लिए आसान है।

यहां कोच_मार्क.एक्सएमएल का नमूना, - अपनी छवि के लिए -> पीने योग्य / कोच_मार्क बदलें:

coach_mark.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:id="@+id/coach_mark_master_view">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
         <ImageView
             android:id="@+id/coach_marks_image"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:layout_centerInParent="true"
             android:layout_gravity="center_horizontal"
             android:src="@drawable/coach_marks" />
    </RelativeLayout>
</LinearLayout>

और पैडिंग को हटाने के लिए वैकल्पिक रूप से इस थीम का उपयोग करें:

<style name="WalkthroughTheme" parent="Theme.AppCompat">
    <item name="android:windowIsTranslucent">true</item>
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:windowContentOverlay">@null</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:backgroundDimEnabled">false</item>
</style>

Comments

हैलो, आप स्क्रीन से मिलान करने के लिए इस संवाद को कैसे बढ़ा सकते हैं? प्रलेखन से A dialog is a small window that prompts [...]. A dialog does not fill the screen and is normally used for modal events [...].। यदि मैं इस कोड का उपयोग करता हूं, तो मुझे स्क्रीन के एक छोटे हिस्से में मेरे मास्टर व्यू को संकुचित कर दिया जाता है। यदि मैं सेट करता हूं android:layout_width="640dp" android:layout_height="480dp"(अर्थात, स्क्रीन का वास्तविक मान, जिसका मैं परीक्षण कर रहा हूं), यह सही तरीके से काम करता है। (बेशक यह कोई संभव समाधान नहीं है)

— समुद्रमंथन

@ocramot: उपरोक्त उदाहरण मैच_परेंट और विंडो के कारण फुल स्क्रीन होना चाहिए। FEATURE_NO_TITLE

— Oded Breiner

फिर कुछ अन्य समस्या होनी चाहिए, क्योंकि मैं इसे एक अलग तरीके से देख रहा हूं

— ocramot

मुझे पता है कि यह कम से कम कुछ महीने पुराना है, लेकिन क्या उस पूर्ण स्क्रीन प्रश्न का कभी पता लगा है?

— cbhedd

उन लोगों के लिए जो संवाद के विषय को सेट करना नहीं जानते हैं, बस डायलॉग को तुरंत इस तरह से new Dialog(getContext(), R.style.WalkthroughTheme);

— हल

Answer 3

आप बहुत जल्दी कर सकते हैं। आप जोड़ते हैं, एक LinearLayout को छूट देने के लिए जहां आप अल्फा के साथ एक तस्वीर डालते हैं जो आपकी मदद की जानकारी के अनुरूप है और आप ओवरले की तरह क्या आकर्षित करना चाहते हैं। अपनी गतिविधि के xml में आपने गॉन दृश्यता के साथ अपनी गतिविधि के लेआउट के बाद इस लेआउट को RelativeLayout में रखा। जब आप मदद की जानकारी खींचना चाहते हैं, तो आप इस दृश्यता को दृश्यमान पर सेट करने के लिए केवल नीड करते हैं।

मुझे आशा है, मैं स्पष्ट हूँ, यदि आपके कोई प्रश्न हैं, तो मैं उनका उत्तर देने के लिए कृपया हूँ।

Comments

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

— ssuperz28

Answer 4

मेरे दूसरे उत्तर को देखें कि कैसे प्रोग्रामेटिक रूप से वर्तमान गतिविधि के शीर्ष पर एक ओवरले लेआउट दिखाते हैं। गतिविधि के लेआउट। Xml को ओवरले त्वचा के बारे में कुछ भी जानने की आवश्यकता नहीं है। आप ओवरले को अर्ध-पारदर्शी रख सकते हैं, स्क्रीन के केवल एक हिस्से को कवर कर सकते हैं, एक या अधिक टेक्स्टव्यू और उस पर बटन ... बटन को प्रोग्रामेटिक रूप से ओवरले कैसे करें?

• Res / layout / paused.xml RelativeLayout टेम्प्लेट बनाएं या किसी भी लेआउट को toplevel का उपयोग करें
• ओवरले त्वचा दिखाने के लिए एक फंक्शन बनाएं
• कुंजी लेआउट के लिए संभालना है। xml, ऑब्जेक्ट को देखने के लिए xml को पार्स करने के लिए LayoutInflater वर्ग का उपयोग करें, वर्तमान लेआउट संरचना में ओवरले दृश्य जोड़ें
• मेरा उदाहरण दृश्य संरचना से पूरी तरह से हटाकर ओवरले ऑब्जेक्ट को नष्ट करने के लिए एक टाइमर का उपयोग करता है। शायद यही है कि आप चाहते हैं कि बिना ट्रेस के इससे छुटकारा पाएं।

मेरा लक्ष्य यह था कि मुख्य गतिविधियाँ किसी भी ओवरले स्किन के बारे में नहीं जानती हैं, ओवरले आते-जाते हैं, कई अलग-अलग ओवरले, फिर भी टेम्प्लेट के रूप में ओवरले 1.xml टेक्स्ट फ़ाइलों का उपयोग करने में सक्षम हैं, और सामग्री को प्रोग्रामेटिक रूप से अपडेट किया जाना चाहिए। कॉमन्सवेयर ने हमें बताया कि मेरी पोस्ट ने मुझे बताया कि आरंभ करने के लिए वास्तविक प्रोग्राम कोड दिखाता है।

अस्वीकरण: OPs "आपके इनपुट के लिए धन्यवाद। यह है कि मैंने इसे कैसे चित्रित किया है। मुझे नीचे दिए गए जवाब का श्रेय देना होगा" टिप्पणी का मतलब मेरा जवाब नहीं है, लेकिन कॉमन्सवेयर जवाब है। Stackoverflow ने पोस्ट ऑर्डरिंग को बदल दिया है।