আমি কোনও ভাগ্য ছাড়াই নিজেই এই সমস্যার সমাধানের সন্ধান করছিলাম, তাই আমাকে নিজের রোল করতে হয়েছিল যা আমি এখানে আপনার সাথে ভাগ করতে চাই। (দয়া করে আমার খারাপ ইংরাজিকে ক্ষমা করুন) (ইংরেজিতে অন্য একজন চেক লোকের উত্তর দেওয়ার জন্য এটি একটু পাগল :-))
আমি প্রথমে চেষ্টা করেছিলাম একটি ভাল পুরানো ব্যবহার করা PopupWindow। এটি বেশ সহজ - একজনকে কেবল শুনতে হবে OnMarkerClickListenerএবং তারপরে PopupWindowমার্কারের উপরে একটি কাস্টম প্রদর্শন করতে হবে। স্ট্যাকওভারফ্লোতে এখানে থাকা অন্য কয়েকজন লোক এই সমাধানটির পরামর্শ দিয়েছে এবং এটি প্রথম নজরে আসলে বেশ ভাল দেখাচ্ছে। আপনি যখন মানচিত্রটি চারপাশে সরাতে শুরু করবেন তখন এই সমাধানটির সমস্যাটি দেখা যাচ্ছে। আপনাকে PopupWindowএকরকম নিজেকে সরিয়ে নিতে হবে যা সম্ভব (কিছু টিউচ ইভেন্ট শুনে) তবে আইএমএইচও আপনি এটিকে যথেষ্ট ভাল দেখাচ্ছে না, বিশেষত কিছু ধীর ডিভাইসগুলিতে। আপনি যদি এটি সহজ উপায়টি করেন তবে এটি একটি স্পট থেকে অন্য জায়গায় চলে আসে "লাফিয়ে"। আপনি এই জাম্পগুলিকে পোলিশ করতে কিছু অ্যানিমেশনও ব্যবহার করতে পারেন তবে এই পথে PopupWindowসর্বদা "একটি পদক্ষেপ পিছনে" থাকবে যেখানে এটি মানচিত্রটিতে থাকা উচিত যা আমি পছন্দ করি না।
এই মুহুর্তে, আমি অন্য কিছু সমাধান সম্পর্কে ভাবছিলাম। আমি বুঝতে পেরেছিলাম যে সত্যিকার অর্থে আমার এতটা স্বাধীনতার প্রয়োজন নেই - এটির সাথে আসা সমস্ত সম্ভাবনার সাথে আমার কাস্টম মতামতগুলি দেখানোর জন্য (যেমন অ্যানিমেটেড অগ্রগতি বার ইত্যাদি)। আমি মনে করি গুগল ইঞ্জিনিয়াররা এমনকি গুগল ম্যাপস অ্যাপ্লিকেশনটিতে এটি না করানোর একটি ভাল কারণ রয়েছে। আমার কেবলমাত্র তথ্য উইন্ডোতে একটি বা দুটি বাটন যা একটি চাপা অবস্থা দেখতে পাবে এবং ক্লিক করার পরে কিছু ক্রিয়া শুরু করবে। সুতরাং আমি আরও একটি সমাধান নিয়ে এসেছি যা দুটি ভাগে বিভক্ত:
প্রথম অংশ:
প্রথম অংশটি কিছু ক্রিয়াকলাপ ঘটাতে বোতামগুলিতে ক্লিকগুলি ধরতে সক্ষম হবে। আমার ধারণাটি নিম্নরূপ:
- ইনফো উইন্ডোএডাপ্টারে তৈরি কাস্টম ইনফো উইন্ডোর একটি রেফারেন্স রাখুন।
MapFragment(বা MapView) একটি কাস্টম ভিউগ্রুপের ভিতরে মোড়ানো ( খনিটিকে ম্যাপওয়্যার্পারলাইআউট বলা হয়)MapWrapperLayoutএর ডিসপ্যাচ টাচ ইভেন্টকে ওভাররাইড করুন এবং (যদি বর্তমানে ইনফো উইন্ডো দেখানো হয়) প্রথমটি মোশনইভেন্টসকে পূর্বের তৈরি ইনফো উইন্ডোতে যান। যদি এটি মোশনএভেন্টস গ্রাস না করে (যেমন আপনি ইনফুইন্ডো ইত্যাদির অভ্যন্তরে কোনও ক্লিকযোগ্য স্থানে ক্লিক করেন নি) তবে (এবং কেবল তখনই) ইভেন্টগুলি মানচিত্রের ল্যাপআউটের সুপারক্লাসে নামতে দিন যাতে এটি শেষ পর্যন্ত মানচিত্রে সরবরাহ করা হবে।
এখানে মানচিত্রের ল্যাপআউটটির উত্স কোডটি রয়েছে:
package com.circlegate.tt.cg.an.lib.map;
import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.model.Marker;
import android.content.Context;
import android.graphics.Point;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.RelativeLayout;
public class MapWrapperLayout extends RelativeLayout {
/**
* Reference to a GoogleMap object
*/
private GoogleMap map;
/**
* Vertical offset in pixels between the bottom edge of our InfoWindow
* and the marker position (by default it's bottom edge too).
* It's a good idea to use custom markers and also the InfoWindow frame,
* because we probably can't rely on the sizes of the default marker and frame.
*/
private int bottomOffsetPixels;
/**
* A currently selected marker
*/
private Marker marker;
/**
* Our custom view which is returned from either the InfoWindowAdapter.getInfoContents
* or InfoWindowAdapter.getInfoWindow
*/
private View infoWindow;
public MapWrapperLayout(Context context) {
super(context);
}
public MapWrapperLayout(Context context, AttributeSet attrs) {
super(context, attrs);
}
public MapWrapperLayout(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
/**
* Must be called before we can route the touch events
*/
public void init(GoogleMap map, int bottomOffsetPixels) {
this.map = map;
this.bottomOffsetPixels = bottomOffsetPixels;
}
/**
* Best to be called from either the InfoWindowAdapter.getInfoContents
* or InfoWindowAdapter.getInfoWindow.
*/
public void setMarkerWithInfoWindow(Marker marker, View infoWindow) {
this.marker = marker;
this.infoWindow = infoWindow;
}
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
boolean ret = false;
// Make sure that the infoWindow is shown and we have all the needed references
if (marker != null && marker.isInfoWindowShown() && map != null && infoWindow != null) {
// Get a marker position on the screen
Point point = map.getProjection().toScreenLocation(marker.getPosition());
// Make a copy of the MotionEvent and adjust it's location
// so it is relative to the infoWindow left top corner
MotionEvent copyEv = MotionEvent.obtain(ev);
copyEv.offsetLocation(
-point.x + (infoWindow.getWidth() / 2),
-point.y + infoWindow.getHeight() + bottomOffsetPixels);
// Dispatch the adjusted MotionEvent to the infoWindow
ret = infoWindow.dispatchTouchEvent(copyEv);
}
// If the infoWindow consumed the touch event, then just return true.
// Otherwise pass this event to the super class and return it's result
return ret || super.dispatchTouchEvent(ev);
}
}
এই সমস্তগুলি আবার ইনফ্লিউভিউতে "লাইভ" এর মতামত তৈরি করবে - অনক্লিকলিস্টনাররা ট্রিগার শুরু করবে ইত্যাদি etc.
দ্বিতীয় অংশ:
অবশিষ্ট সমস্যাটি হ'ল স্পষ্টতই, আপনি স্ক্রিনে আপনার ইনফো উইন্ডোর কোনও ইউআই পরিবর্তন দেখতে পাচ্ছেন না। এটি করতে আপনাকে ম্যানুয়ালি মার্কার.শোআইনফো উইন্ডো কল করতে হবে। এখন, আপনি যদি আপনার ইনফো উইন্ডোতে কিছু স্থায়ী পরিবর্তন করেন (যেমন আপনার বোতামটির লেবেল অন্য কোনওটিতে পরিবর্তন করা) তবে এটি যথেষ্ট ভাল।
তবে একটি বোতাম চেপে থাকা অবস্থা বা সেই প্রকৃতির কিছু দেখানো আরও জটিল। প্রথম সমস্যাটি হ'ল, এটি (কমপক্ষে) আমি ইনফো উইন্ডোটিকে সাধারণ বোতামের চাপা অবস্থায় দেখানোতে সক্ষম হইনি। এমনকি যদি আমি দীর্ঘক্ষণ ধরে বোতাম টিপতাম তবে এটি কেবল পর্দায় চাপবিহীন থাকে। আমি বিশ্বাস করি এটি হ'ল মানচিত্রের কাঠামো নিজেই পরিচালনা করেছেন যা সম্ভবত তথ্য উইন্ডোতে কোনও ক্ষণস্থায়ী অবস্থা না দেখানো নিশ্চিত করে। তবে আমি ভুল হতে পারি, আমি এটি সন্ধান করার চেষ্টা করিনি।
আমি যা করেছি তা অন্যটি বাজে হ্যাক - আমি OnTouchListenerবোতামটির সাথে একটি সংযুক্ত করেছি এবং দুটি কাস্টম ড্রয়যোগ্যগুলিতে বোতামটি চাপলে বা ছেড়ে দেওয়া হলে আমি নিজেই এর পটভূমিটি স্যুইচ করেছিলাম - একটি সাধারণ অবস্থায় একটি বোতামযুক্ত এবং অন্যটি চাপযুক্ত অবস্থায় in এটি খুব সুন্দর নয়, তবে এটি কাজ করে :)। এখন আমি স্ক্রিনে স্বাভাবিক থেকে চাপা রাষ্ট্রগুলির মধ্যে বাটনটি স্যুইচ করতে দেখতে সক্ষম হয়েছিল।
এখনও একটি শেষ ত্রুটি রয়েছে - আপনি বোতামটি খুব দ্রুত ক্লিক করলে এটি চাপা অবস্থায় দেখা যায় না - এটি কেবল তার স্বাভাবিক অবস্থায় থাকে (যদিও ক্লিকটি নিজেই বহিস্কার করা হয় তাই বোতামটি "কাজ করে")। অন্তত এটি আমার গ্যালাক্সি নেক্সাসে কীভাবে প্রদর্শিত হবে। সুতরাং আমি শেষ কাজটি হ'ল যে আমি এটিতে চাপ দেওয়া অবস্থায় বোতামটি বিলম্ব করেছি। এটিও বেশ কুৎসিত এবং আমি নিশ্চিত না যে এটি কিছু পুরানো, ধীর ডিভাইসে কীভাবে কাজ করবে তবে আমি সন্দেহ করি যে এমনকি মানচিত্রের কাঠামো নিজেও এই জাতীয় কিছু করে। আপনি নিজে চেষ্টা করে দেখতে পারেন - আপনি যখন পুরো ইনফো উইন্ডোটি ক্লিক করেন, তখন এটি কিছুটা চাপ দিয়ে থাকে, তারপরে সাধারণ বোতামগুলি (আবার - কমপক্ষে আমার ফোনে) থাকে) এবং এটি প্রকৃত Google মানচিত্র অ্যাপে এমনকি এটি কীভাবে কাজ করে actually
যাইহোক, আমি নিজেই একটি কাস্টম ক্লাস লিখেছিলাম যা বোতামগুলির রাজ্যের পরিবর্তনগুলি এবং আমি উল্লেখ করা অন্যান্য সমস্ত জিনিস পরিচালনা করে so সুতরাং কোডটি এখানে:
package com.circlegate.tt.cg.an.lib.map;
import android.graphics.drawable.Drawable;
import android.os.Handler;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import com.google.android.gms.maps.model.Marker;
public abstract class OnInfoWindowElemTouchListener implements OnTouchListener {
private final View view;
private final Drawable bgDrawableNormal;
private final Drawable bgDrawablePressed;
private final Handler handler = new Handler();
private Marker marker;
private boolean pressed = false;
public OnInfoWindowElemTouchListener(View view, Drawable bgDrawableNormal, Drawable bgDrawablePressed) {
this.view = view;
this.bgDrawableNormal = bgDrawableNormal;
this.bgDrawablePressed = bgDrawablePressed;
}
public void setMarker(Marker marker) {
this.marker = marker;
}
@Override
public boolean onTouch(View vv, MotionEvent event) {
if (0 <= event.getX() && event.getX() <= view.getWidth() &&
0 <= event.getY() && event.getY() <= view.getHeight())
{
switch (event.getActionMasked()) {
case MotionEvent.ACTION_DOWN: startPress(); break;
// We need to delay releasing of the view a little so it shows the pressed state on the screen
case MotionEvent.ACTION_UP: handler.postDelayed(confirmClickRunnable, 150); break;
case MotionEvent.ACTION_CANCEL: endPress(); break;
default: break;
}
}
else {
// If the touch goes outside of the view's area
// (like when moving finger out of the pressed button)
// just release the press
endPress();
}
return false;
}
private void startPress() {
if (!pressed) {
pressed = true;
handler.removeCallbacks(confirmClickRunnable);
view.setBackground(bgDrawablePressed);
if (marker != null)
marker.showInfoWindow();
}
}
private boolean endPress() {
if (pressed) {
this.pressed = false;
handler.removeCallbacks(confirmClickRunnable);
view.setBackground(bgDrawableNormal);
if (marker != null)
marker.showInfoWindow();
return true;
}
else
return false;
}
private final Runnable confirmClickRunnable = new Runnable() {
public void run() {
if (endPress()) {
onClickConfirmed(view, marker);
}
}
};
/**
* This is called after a successful click
*/
protected abstract void onClickConfirmed(View v, Marker marker);
}
এখানে আমি ব্যবহার করেছি এমন একটি কাস্টম ইনফো উইন্ডো লেআউট ফাইল রয়েছে:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_vertical" >
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginRight="10dp" >
<TextView
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="18sp"
android:text="Title" />
<TextView
android:id="@+id/snippet"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="snippet" />
</LinearLayout>
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button" />
</LinearLayout>
পরীক্ষার ক্রিয়াকলাপ বিন্যাস ফাইল (এর MapFragmentভিতরে থাকা MapWrapperLayout):
<com.circlegate.tt.cg.an.lib.map.MapWrapperLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/map_relative_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" >
<fragment
android:id="@+id/map"
android:layout_width="match_parent"
android:layout_height="match_parent"
class="com.google.android.gms.maps.MapFragment" />
</com.circlegate.tt.cg.an.lib.map.MapWrapperLayout>
এবং পরিশেষে একটি পরীক্ষার ক্রিয়াকলাপের উত্স কোড, যা এই সমস্তকে একসাথে আটকায়:
package com.circlegate.testapp;
import com.circlegate.tt.cg.an.lib.map.MapWrapperLayout;
import com.circlegate.tt.cg.an.lib.map.OnInfoWindowElemTouchListener;
import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.GoogleMap.InfoWindowAdapter;
import com.google.android.gms.maps.MapFragment;
import com.google.android.gms.maps.model.LatLng;
import com.google.android.gms.maps.model.Marker;
import com.google.android.gms.maps.model.MarkerOptions;
import android.os.Bundle;
import android.app.Activity;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;
public class MainActivity extends Activity {
private ViewGroup infoWindow;
private TextView infoTitle;
private TextView infoSnippet;
private Button infoButton;
private OnInfoWindowElemTouchListener infoButtonListener;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final MapFragment mapFragment = (MapFragment)getFragmentManager().findFragmentById(R.id.map);
final MapWrapperLayout mapWrapperLayout = (MapWrapperLayout)findViewById(R.id.map_relative_layout);
final GoogleMap map = mapFragment.getMap();
// MapWrapperLayout initialization
// 39 - default marker height
// 20 - offset between the default InfoWindow bottom edge and it's content bottom edge
mapWrapperLayout.init(map, getPixelsFromDp(this, 39 + 20));
// We want to reuse the info window for all the markers,
// so let's create only one class member instance
this.infoWindow = (ViewGroup)getLayoutInflater().inflate(R.layout.info_window, null);
this.infoTitle = (TextView)infoWindow.findViewById(R.id.title);
this.infoSnippet = (TextView)infoWindow.findViewById(R.id.snippet);
this.infoButton = (Button)infoWindow.findViewById(R.id.button);
// Setting custom OnTouchListener which deals with the pressed state
// so it shows up
this.infoButtonListener = new OnInfoWindowElemTouchListener(infoButton,
getResources().getDrawable(R.drawable.btn_default_normal_holo_light),
getResources().getDrawable(R.drawable.btn_default_pressed_holo_light))
{
@Override
protected void onClickConfirmed(View v, Marker marker) {
// Here we can perform some action triggered after clicking the button
Toast.makeText(MainActivity.this, marker.getTitle() + "'s button clicked!", Toast.LENGTH_SHORT).show();
}
};
this.infoButton.setOnTouchListener(infoButtonListener);
map.setInfoWindowAdapter(new InfoWindowAdapter() {
@Override
public View getInfoWindow(Marker marker) {
return null;
}
@Override
public View getInfoContents(Marker marker) {
// Setting up the infoWindow with current's marker info
infoTitle.setText(marker.getTitle());
infoSnippet.setText(marker.getSnippet());
infoButtonListener.setMarker(marker);
// We must call this to set the current marker and infoWindow references
// to the MapWrapperLayout
mapWrapperLayout.setMarkerWithInfoWindow(marker, infoWindow);
return infoWindow;
}
});
// Let's add a couple of markers
map.addMarker(new MarkerOptions()
.title("Prague")
.snippet("Czech Republic")
.position(new LatLng(50.08, 14.43)));
map.addMarker(new MarkerOptions()
.title("Paris")
.snippet("France")
.position(new LatLng(48.86,2.33)));
map.addMarker(new MarkerOptions()
.title("London")
.snippet("United Kingdom")
.position(new LatLng(51.51,-0.1)));
}
public static int getPixelsFromDp(Context context, float dp) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int)(dp * scale + 0.5f);
}
}
এটাই. এখন পর্যন্ত আমি কেবল এটি আমার গ্যালাক্সি নেক্সাস (৪.২.১) এবং নেক্সাস 7 (এছাড়াও ৪.২.১) এ পরীক্ষা করেছি, সুযোগ পেলে আমি কিছু জিঞ্জারব্রেড ফোনে চেষ্টা করব। আমি এখনও অবধি খুঁজে পেয়েছি এমন একটি সীমাবদ্ধতা হ'ল আপনি স্ক্রিনে আপনার বোতামটি যেখান থেকে মানচিত্রটি টানতে পারবেন না এবং মানচিত্রটিকে চারদিকে সরাতে পারবেন না। এটি সম্ভবত একরকম কাটিয়ে উঠতে পারে তবে আপাতত, আমি তার সাথেই বেঁচে থাকতে পারি।
আমি জানি এটি একটি কুৎসিত হ্যাক তবে আমি আরও ভাল কিছু পাইনি এবং আমার এই নকশার প্যাটার্নটি এত খারাপভাবে প্রয়োজন যে এটি মানচিত্রের ভি 1 কাঠামোতে ফিরে যাওয়ার সত্যিই কারণ হতে পারে (যা বিটিডব্লিউ। আমি সত্যিই এড়াতে চাই টুকরো ইত্যাদি সহ নতুন অ্যাপের জন্য) for আমি কেবল বুঝতে পারি না যে কেন গুগল বিকাশকারীদের ইনফো উইন্ডোতে একটি বোতাম রাখার কোনও সরকারী উপায়ে অফার করে না। এটি এমন একটি সাধারণ নকশার প্যাটার্ন, তবুও এই প্যাটার্নটি এমনকি সরকারী গুগল ম্যাপস অ্যাপ্লিকেশনটিতেও ব্যবহৃত হয় :)। আমি কেন কারণগুলি বুঝতে পারি যে তারা ইনফোউইন্ডোগুলিতে কেবল আপনার দৃষ্টিভঙ্গিগুলিকে "লাইভ" করতে পারে না - এটি সম্ভবত মানচিত্রের আশেপাশে এবং স্ক্রোল করার সময় পারফরম্যান্সকে মেরে ফেলবে। তবে মতামত ব্যবহার না করে কীভাবে এই প্রভাব অর্জন করবেন তার কিছু উপায় থাকতে হবে।
