एंड्रॉइड के लिए Google मैप्स v2: फुल रिड्रास्टिंग और इनपुट इवेंट सपोर्ट के साथ पॉप-अप विंडो

Android के लिए Google मैप्स v1 की अप्रचलित लाइब्रेरी की घोषणा के साथ, चाबियों का जारी होना भी बंद हो गया। डेवलपर्स को एक नया संस्करण पेश किया गया था - पुराने की तुलना में तेज, उच्चतर, मजबूत बेहतर, अधिक सुविधाजनक। नक्शे पर कई बिंदुओं का उपयोग करके प्रदर्शित करने का प्रयास क्या था और एक छवि, एक छोटा विवरण और एक बटन के साथ एक साधारण पॉप-अप विंडो - कट के नीचे पढ़ा गया।

पुराने संस्करणों की तुलना में Google मैप्स v2 कई मायनों में अधिक सुविधाजनक है। वह कौन सा MapFragment है जिसके बिना टुकड़ों पर बनाए गए एप्लिकेशन में मैप एम्बेड करना असंभव है। या, उदाहरण के लिए, इस तरह के एक ट्रिफ़ल को AndroidManifest.xml में एक ही स्थान पर कुंजी निर्दिष्ट करने की क्षमता के रूप में, और प्रत्येक MapView में नहीं, जैसा कि लाइब्रेरी के पहले संस्करण में है। धाराप्रवाह इंटरफ़ेस जैसी नई सुविधाएँ। सौंदर्य।

लेकिन हम उत्साह को खत्म करते हैं और व्यापार में उतर जाते हैं। कार्ड में बाज़ार जोड़ना एक मात्र ट्रिफ़ल है, लेकिन जब हम पॉप-अप विंडो प्रदर्शित करने का प्रयास करते हैं, तो हम घात लगाए रहते हैं। बॉक्स से बाहर, आप केवल शीर्षक और उपशीर्षक जोड़ सकते हैं। एक InfoWindowAdapter भी है, लेकिन यह ... उम ... कुछ हद तक सीमित है। प्रलेखन हमें बताता है:

नोट: जानकारी विंडो जो खींची गई है वह लाइव दृश्य नहीं है। उस समय लौटाए जाने के समय दृश्य को एक छवि के रूप में प्रस्तुत किया जाता है (View. निकासी (कैनवास) का उपयोग करके)। इसका मतलब यह है कि दृश्य में किसी भी बाद के परिवर्तन मानचित्र पर जानकारी विंडो द्वारा परिलक्षित नहीं होंगे। बाद में जानकारी विंडो को अपडेट करने के लिए (उदाहरण के लिए, एक छवि लोड होने के बाद), showInfoWindow () पर कॉल करें।

यही है, आपको showInfoWindow() को कॉल करके मैन्युअल रूप से विंडो को फिर से showInfoWindow() । यह, उदाहरण के लिए, नेटवर्क से डाउनलोड की गई एक छवि प्रदर्शित करने के लिए पर्याप्त है, लेकिन क्या है, उदाहरण के लिए, एक ProgressBar जिसे लगातार फिर से तैयार करने की आवश्यकता है? एक View में एक View राज्यों (दबाए गए, ध्यान केंद्रित, आदि) को कैसे आकर्षित करें?

वहां से:

इसके अलावा, सूचना विंडो स्पर्श या हावभाव घटनाओं जैसे सामान्य दृश्य के लिए किसी भी अन्तरक्रियाशीलता का सम्मान नहीं करेगी। हालाँकि आप नीचे दिए गए अनुभाग में वर्णित पूरी जानकारी विंडो पर एक सामान्य क्लिक घटना सुन सकते हैं।

तो, कोई इनपुट इवेंट नहीं। हमारे पास मौजूद सभी अन्तरक्रियाशीलता एक संपूर्ण विंडो को क्लिक करने की प्रतिक्रिया है, जिसे OnInfoWindowClickListener का उपयोग करके OnInfoWindowClickListener जा सकता है।

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

लेकिन एक रास्ता है। क्या होगा अगर हम नक्शे के ऊपर एक और परत जोड़ते हैं जिसमें हम एक पॉप-अप विंडो आकर्षित करेंगे? मानचित्र को स्क्रॉल करते समय, हम तदनुसार मानचित्र पर मार्कर को "ट्रैक" करने के लिए पॉप-अप विंडो की स्थिति को बदल देंगे। निर्देशांक द्वारा कंटेनर में एक View की स्थिति को बदलने के लिए, आप किसी तरह की साइकिल के साथ आ सकते हैं, लेकिन, सौभाग्य से, इसका कोई कारण नहीं है - हमें याद है कि हमारे पास एक पुराना है, लेकिन पूरी तरह से बाहर नहीं देखा है। )।

परिणामस्वरूप, हमें निम्नलिखित मार्कअप प्राप्त होते हैं (बाद में, स्पष्टता के लिए, कई विवरणों को छोड़ दिया जाता है):

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <FrameLayout android:id="@+id/container_map" android:layout_width="wrap_content" android:layout_height="wrap_content" > <!--  --> </FrameLayout> <AbsoluteLayout android:layout_width="match_parent" android:layout_height="match_parent" > <LinearLayout android:id="@+id/container_popup" android:layout_x="0dp" android:layout_y="0dp" android:layout_width="wrap_content" android:layout_height="wrap_content" > <!--   --> </LinearLayout> </AbsoluteLayout> </RelativeLayout> 

कोड निम्नानुसार है:

 public class MapFragment extends com.google.android.gms.maps.MapFragment { //    private static final int ANIMATION_DURATION = 500; //       private LatLng trackedPosition; //  ,       private int popupXOffset; private int popupYOffset; //  private int markerHeight; //,         private ViewTreeObserver.OnGlobalLayoutListener infoWindowLayoutListener; //   private View infoWindowContainer; @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View rootView = inflater.inflate(R.layout.fragment, null); FrameLayout containerMap = (FrameLayout) rootView.findViewById(R.id.container_map); View mapView = super.onCreateView(inflater, container, savedInstanceState); containerMap.addView(mapView, new FrameLayout.LayoutParams(MATCH_PARENT, MATCH_PARENT)); infoWindowContainer= rootView.findViewById(R.id.container_popup); //      infoWindowLayoutListener = new InfoWindowLayoutListener(); infoWindowContainer.getViewTreeObserver().addOnGlobalLayoutListener(infoWindowLayoutListener ); return rootView; } @Override public void onDestroyView() { super.onDestroyView(); //   infoWindowContainer.getViewTreeObserver().removeGlobalOnLayoutListener(infoWindowLayoutListener ); } @Override public void onMapClick(LatLng latLng) { //          ,    infoWindowContainer.setVisibility(INVISIBLE); } @Override public boolean onMarkerClick(Marker marker) { //     //   GoogleMap map = getMap(); Projection projection = map.getProjection(); trackedPosition = marker.getPosition(); //  Point trackedPoint = projection.toScreenLocation(trackedPosition); trackedPoint.y -= popupYOffset / 2; LatLng newCameraLocation = projection.fromScreenLocation(trackedPoint); map.animateCamera(CameraUpdateFactory.newLatLng(newCameraLocation), ANIMATION_DURATION, null); //    //… infoWindowContainer.setVisibility(VISIBLE); return true; } private class InfoWindowLayoutListener implements ViewTreeObserver.OnGlobalLayoutListener { @Override public void onGlobalLayout() { //  ,   popupXOffset = infoWindowContainer.getWidth() / 2; popupYOffset = infoWindowContainer.getHeight(); } } } 

और अंत में, सबसे महत्वपूर्ण और दिलचस्प हिस्सा नक्शे पर मार्कर का "ट्रैकिंग" है। पहला विचार जो मन में आया था, वह onTouchEvent() में इनपुट घटनाओं को पकड़ रहा था और उसी स्थान पर विंडो की स्थिति को बदल रहा था। जैसा कि यह निकला, विधि पूरी तरह से अनुपयुक्त है - इस तथ्य के कारण कि इनपुट घटनाओं को onTouchEvent() में जाने से पहले समूहीकृत किया जाता है, इसे यादृच्छिक अंतराल पर कहा जाता है, इसलिए पॉप-अप विंडो झटके से चलती है। यह घृणित लगता है।

एक और विचार आया - क्यों न नियमित अंतराल पर खिड़की की स्थिति को अपडेट किया जाए? Handler और मदद करने योग्य:

 public class MapFragment extends com.google.android.gms.maps.MapFragment { //    . //   60 fps,   1000 ms / 60 = 16 ms  . private static final int POPUP_POSITION_REFRESH_INTERVAL = 16; //Handler,       private Handler handler; //Runnable,     private Runnable positionUpdaterRunnable; @Override public void onViewCreated(View view, Bundle savedInstanceState) { super.onViewCreated(view, savedInstanceState); handler = new Handler(Looper.getMainLooper()); positionUpdaterRunnable = new PositionUpdaterRunnable(); //   handler.post(positionUpdaterRunnable); } @Override public void onDestroyView() { super.onDestroyView(); // handler.removeCallbacks(positionUpdaterRunnable); handler = null; } private class PositionUpdaterRunnable implements Runnable { private int lastXPosition = Integer.MIN_VALUE; private int lastYPosition = Integer.MIN_VALUE; @Override public void run() { //      handler.postDelayed(this, POPUP_POSITION_REFRESH_INTERVAL); //   ,    if (trackedPosition != null && infoWindowContainer.getVisibility() == VISIBLE) { Point targetPosition = getMap().getProjection().toScreenLocation(trackedPosition); //    ,    if (lastXPosition != targetPosition.x || lastYPosition != targetPosition.y) { //  overlayLayoutParams = (AbsoluteLayout.LayoutParams) infoWindowContainer.getLayoutParams(); overlayLayoutParams.x = targetPosition.x - popupXOffset; overlayLayoutParams.y = targetPosition.y - popupYOffset - markerHeight; infoWindowContainer.setLayoutParams(overlayLayoutParams); //   lastXPosition = targetPosition.x; lastYPosition = targetPosition.y; } } } } } 

यह क्या आया - नीचे दिए गए वीडियो को देखें।


दुर्भाग्य से, वीडियो रिकॉर्डिंग और एमुलेटर दोनों खराब तरीके से खींचते हैं, इसलिए वीडियो प्रदर्शन का विचार नहीं देता है। 4.4.2 के साथ नेक्सस 7 2013 के टेस्ट से पता चला है कि जब पॉप-अप विंडो प्रदर्शित होती है, तो स्क्रॉलिंग की चिकनाई थोड़ी बिगड़ जाती है, लेकिन बहुत अधिक। सामान्य तौर पर, यह 4.4.2 के साथ एक पुराने Nexus S पर भी प्रयोग करने योग्य है।

कोड GitHub: github.com/deville/info-window-demo पर पोस्ट किया गया है।