2
我想實現將引腳動畫放置到標記中作爲iPhone中的標記。問題是引腳沒有按照他們在這個鏈接中的方式放下： http://googlegeodevelopers.blogspot.com/2010/12/map-markers-they-move.html 。 我已經添加了我的示例的代碼。 請幫助實施動畫。如何在android中使用谷歌地圖實現Drop pin動畫？
public class MyMapAnimation extends MapActivity {
private MapView map = null;
private MyLocationOverlay me = null;
ImageView imageView = null;
Projection proj = null;
private Drawable marker;
private ArrayList<OverlayItem> itemsArrayList;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
Log.i("NooYawk","onCreate");
itemsArrayList = new ArrayList<OverlayItem>();
itemsArrayList.add(new OverlayItem(getPoint(40.748963847316034,
-73.96807193756104), "UN", "United Nations"));
itemsArrayList.add(new OverlayItem(getPoint(40.76866299974387,
-73.98268461227417), "Lincoln Center",
"Home of Jazz at Lincoln Center"));
itemsArrayList.add(new OverlayItem(getPoint(40.765136435316755,
-73.97989511489868), "Carnegie Hall",
"Where you go with practice, practice, practice"));
itemsArrayList.add(new OverlayItem(getPoint(40.70686417491799,
-74.01572942733765), "The Downtown Club",
"Original home of the Heisman Trophy"));
map = (MapView) findViewById(R.id.map);
map.getController().setCenter(getPoint(40.748963847316034,
-73.96807193756104));
/* map.getController().setCenter(
getPoint(40.748963847316034, -73.96807193756104));*/
map.getController().setZoom(12);
map.setBuiltInZoomControls(true);
marker = getResources().getDrawable(R.drawable.marker);
proj = map.getProjection();
imageView = new ImageView(this);
imageView.setBackgroundResource(R.drawable.marker);
marker.setBounds(0, 0, marker.getIntrinsicWidth(),
marker.getIntrinsicHeight());
map.getOverlays().add(new SitesOverlay(marker));
me = new MyLocationOverlay(this, map);
map.getOverlays().add(me);
/*
* map.getController().animateTo(getPoint(40.748963847316034,
* -73.96807193756104));
*/
}
@Override
public void onResume() {
super.onResume();
me.enableCompass();
Log.i("NooYawk","onResume");
}
@Override
public void onPause() {
super.onPause();
Log.i("NooYawk","onPause");
me.disableCompass();
}
@Override
protected boolean isRouteDisplayed() {
Log.i("NooYawk","isRouteDisplayed");
return (false);
}
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_S) {
map.setSatellite(!map.isSatellite());
return (true);
} else if (keyCode == KeyEvent.KEYCODE_Z) {
map.displayZoomControls(true);
return (true);
}
return (super.onKeyDown(keyCode, event));
}
private GeoPoint getPoint(double lat, double lon) {
Log.i("NooYawk","getPoint");
return (new GeoPoint((int) (lat * 1000000.0), (int) (lon * 1000000.0)));
}
private class SitesOverlay extends ItemizedOverlay<OverlayItem> {
private List<OverlayItem> items = new ArrayList<OverlayItem>();
private Drawable marker = null;
private OverlayItem inDrag = null;
private ImageView dragImage = null;
private int xDragImageOffset = 0;
private int yDragImageOffset = 0;
private int xDragTouchOffset = 0;
private int yDragTouchOffset = 0;
Point p = new Point(0, 0);
private RelativeLayout relativeLayout;
private ArrayList<ImageView> imageViewArrayList;
public SitesOverlay(Drawable marker) {
super(marker);
this.marker = marker;
Log.i("NooYawk","SitesOverlay");
dragImage = (ImageView) findViewById(R.id.drag);
Log.d("POint",
""
+ (map.getProjection().toPixels(
getPoint(40.748963847316034,
-73.96807193756104), p).x)
+ ","
+ (map.getProjection().toPixels(
getPoint(40.748963847316034,
-73.96807193756104), p).y));
TranslateAnimation translateAnimation = null;
imageViewArrayList = new ArrayList<ImageView>();
for (OverlayItem currentOverlayItem : itemsArrayList) {
Log.i("NooYawk","currentOverlayItem");
imageView = new ImageView(NooYawk.this);
imageView.setBackgroundResource(R.drawable.marker);
relativeLayout = (RelativeLayout) findViewById(R.id.rl_map_main);
RelativeLayout.LayoutParams param = new RelativeLayout.LayoutParams(
LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
param.leftMargin = getWindowManager().getDefaultDisplay()
.getWidth()/2;
param.topMargin = 0;
relativeLayout.addView(imageView, param);
imageViewArrayList.add(imageView);
}
int count = 0;
Log.i("x for translate before animation",
(map.getProjection().toPixels(
itemsArrayList.get(0).getPoint(), p).x)+"");
for (ImageView currentImageView : imageViewArrayList) {
Log.i("NooYawk","currentImageView");
translateAnimation = new TranslateAnimation((map
.getProjection().toPixels(
itemsArrayList.get(count).getPoint(), p).x),
(map.getProjection().toPixels(
itemsArrayList.get(count).getPoint(), p).x), 0,
(map.getProjection().toPixels(
itemsArrayList.get(count).getPoint(), p).y));
translateAnimation.setDuration(2000);
currentImageView.startAnimation(translateAnimation);
count++;
}
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
Log.i("NooYawk","run");
// relativeLayout.removeView(imageView);
for (ImageView currentImageView : imageViewArrayList) {
Log.i("NooYawk","thread : currentImageView");
currentImageView.setVisibility(View.INVISIBLE);
}
setItemValues();
populate();
Log.i("x for translate after animation",
(map.getProjection().toPixels(
itemsArrayList.get(0).getPoint(), p).x)+"");
}
}, translateAnimation.getDuration());
}
private void setItemValues() {
int count = 0;
Log.i("NooYawk","setItemVAlues");
for (OverlayItem currentOverlayItem : itemsArrayList) {
items.add(currentOverlayItem);
Log.i("items ", items.get(count).getPoint()+"");
count++;
}
}
@Override
protected OverlayItem createItem(int i) {
Log.i("NooYawk","createitem");
return (items.get(i));
}
@Override
public void draw(Canvas canvas, MapView mapView, boolean shadow) {
super.draw(canvas, mapView, shadow);
// items.get(0)
Log.i("NooYawk","draw");
boundCenterBottom(marker);
}
@Override
public int size() {
Log.i("NooYawk","size");
return (items.size());
}
}
}
問題是否解決？ 如果是，那麼你是怎麼做到的？ 您可以請分享，因爲我也在尋找類似的動畫類型。 是否可以使用JavaScript開發這種類型的動畫，以及我們如何在本機Android應用程序中使用JavaScript？ – 2011-10-15 09:46:51
按照這個鏈接... http://stackoverflow.com/questions/10607042/tutorial-android-map-pin-drop-animation-working-right –
我已經使用斯科特的答案，它做得很好 – kozyr