एंड्रॉइड गूगल मैप्स: किसी भी रूप में infowindow बनाएं

हाल ही में, मुझे Google मानचित्रों के लिए एक infowindow बनाने की आवश्यकता थी, जिसमें पृष्ठभूमि क्रमशः एक तस्वीर द्वारा निर्धारित की गई थी, फॉर्म भी। पहले मैंने सोचा था कि मुझे कुछ तृतीय-पक्ष पुस्तकालयों का उपयोग करना होगा, लेकिन मैं वास्तव में ऐसा नहीं करना चाहता था, इसलिए मैंने मानक टूल का उपयोग करके कार्य को पूरा करने का प्रयास करने का निर्णय लिया। जैसा कि यह निकला, यह काफी सरल रूप से हल किया गया है।

शैली

इसके साथ शुरू करने के लिए, हम स्पष्ट रूप से अपनी विंडो की शैली को स्पष्ट रूप से सेट करेंगे (इसे विस्तार किए बिना Theme.Light शैली का उपयोग करते हुए, हम उसी प्रभाव को प्राप्त करेंगे, लेकिन कौन जानता है कि यह हर जगह और हमेशा सही ढंग से काम करेगा, इसलिए मापदंडों को स्पष्ट रूप से निर्दिष्ट करना बेहतर है)। ऐसा करने के लिए, निम्न शैली को मानों / शैलियों में जोड़ें :

<style name="TransparentBackground" parent="android:Theme.Light"> <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:windowIsFloating">true</item> <!--      --> <item name="android:backgroundDimEnabled">false</item> <!--   --> </style> 

पृष्ठभूमि

अब हमें पृष्ठभूमि के लिए एक चित्र की आवश्यकता है, उदाहरण के लिए, मैंने एक "Google" ड्राइव लिया (हम Paint.NET में पारदर्शिता की जांच करते हैं):



ठीक है, अब हमारी परियोजना के Res / drawable फ़ोल्डर में star.png डालें ।

सीधे infowindow का वर्णन

सबसे पहले, हम अपनी विंडो के लेआउट का वर्णन करेंगे, जिसके लिए हम उसकी सामग्री के नीचे, Res / लेआउट फ़ोल्डर में फ़ाइल custom_infowindow.xml बनाते हैं:

 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" > <ImageView android:layout_height="162dp" android:layout_width="150dp" android:layout_marginLeft="15dp" android:src="@drawable/star" /> <TextView android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_marginTop="80dp" android:layout_marginLeft="51dp" android:textSize="12sp" android:text="@string/hello_world" /> </RelativeLayout> 

लेआउट में हम छवि को ImageView के रूप में रखते हैं। Infowindow में जानकारी के एक उदाहरण के रूप में, हमने "हैलो वर्ल्ड!" पाठ के साथ एक टेक्स्ट व्यू भी निर्धारित किया है। इंडेंट का उपयोग लेआउट तत्वों के प्रदर्शन को उस तरह से संरेखित करने के लिए किया जाता है, जिस तरह से हमें चाहिए। इसके अलावा, यदि बीच में स्टार रंग से भरा होगा, तो वर्णन के क्रम के कारण, पाठ चित्र के ऊपर प्रदर्शित किया जाएगा। उदाहरण के लिए:

हम अपना लेआउट बनाते हैं

अब InfoWindowAdapter को परिभाषित करें:

  @Override public View getInfoWindow(Marker marker) { ContextThemeWrapper wrapper = new ContextThemeWrapper(getApplicationContext(), R.style.TransparentBackground); LayoutInflater inflater = (LayoutInflater) wrapper.getSystemService(LAYOUT_INFLATER_SERVICE); View layout = inflater.inflate(R.layout.custom_infowindow, null); return layout; } @Override public View getInfoContents(Marker marker) { return null; } 

यहां हम लेआउट के लिए थीम सेट करने के लिए ContextThemeWrapper का उपयोग करते हैं, फिर हम एक फ्लोटर के रूप में एक दृश्य बनाते हैं, जो हमारी विंडो होगी (यह getInfoWindow में रेंडरिंग का वर्णन करने के लिए महत्वपूर्ण है, getInfoContents नहीं है, क्योंकि अगर हम getInfoContents का उपयोग करते हैं, तो हम विंडो की सामग्री का वर्णन करेंगे, इसलिए विंडो स्वयं मानक का उपयोग करेगी) )।

छोटे के लिए मामला

मूल रूप से, सब कुछ, अब हम अपने GoogleMap को setInfoWindowAdapter (...) विधि का उपयोग करके एडेप्टर सेट करते हैं, और परिणाम का आनंद लेते हैं =)।