我想給搜索效果像雷達一樣的動畫。我發現了一些第三方庫,但很難理解。有什麼簡單的方法來實現這一點。如何在Google Map的中心創建雷達動畫?
1
A
回答
3
無論您使用什麼,在您的地圖活動或片段中添加此代碼。
Marker marker = mMap.addMarker(new MarkerOptions()
.position(new LatLng(userSourceLat, userSourceLng))
.title("No match Found")
.snippet("Searching for Match"));
mapRadar.setShowCircles(true);
if (mapRadar!= null) mapRadar.startAnimation();
現在下面是我們對動畫自定義視圖類
public class RadarView extends View {
private final String LOG = "RadarView";
private final int POINT_ARRAY_SIZE = 25;
float alpha = 0;
Point latestPoint[] = new Point[POINT_ARRAY_SIZE];
Paint latestPaint[] = new Paint[POINT_ARRAY_SIZE];
android.os.Handler mHandler = new android.os.Handler();
private int fps = 100;
Runnable mTick = new Runnable() {
@Override
public void run() {
invalidate();
mHandler.postDelayed(this, 1000/fps);
}
};
private boolean showCircles = true;
public RadarView(Context context) {
this(context, null);
}
public RadarView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public RadarView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
Paint localPaint = new Paint();
localPaint.setColor(getResources().getColor(R.color.colorPrimary));
localPaint.setAntiAlias(true);
localPaint.setStyle(Paint.Style.STROKE);
localPaint.setStrokeWidth(1.0F);
localPaint.setAlpha(0);
int alpha_step = 255/POINT_ARRAY_SIZE;
for (int i = 0; i < latestPaint.length; i++) {
latestPaint[i] = new Paint(localPaint);
latestPaint[i].setAlpha(255 - (i * alpha_step));
}
}
public void startAnimation() {
mHandler.removeCallbacks(mTick);
mHandler.post(mTick);
}
public void stopAnimation() {
mHandler.removeCallbacks(mTick);
}
public int getFrameRate() {
return this.fps;
}
public void setFrameRate(int fps) {
this.fps = fps;
}
;
public void setShowCircles(boolean showCircles) {
this.showCircles = showCircles;
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
int width = getWidth();
int height = getHeight();
int r = Math.min(width, height);
//canvas.drawRect(0, 0, getWidth(), getHeight(), localPaint);
int i = r/2;
int j = i - 1;
Paint localPaint = latestPaint[0]; // GREEN
if (showCircles) {
canvas.drawCircle(i, i, j, localPaint);
canvas.drawCircle(i, i, j, localPaint);
canvas.drawCircle(i, i, j * 3/4, localPaint);
canvas.drawCircle(i, i, j >> 1, localPaint);
canvas.drawCircle(i, i, j >> 2, localPaint);
}
alpha -= 0.5;
if (alpha < -360) alpha = 0;
double angle = Math.toRadians(alpha);
int offsetX = (int) (i + (float) (i * Math.cos(angle)));
int offsetY = (int) (i - (float) (i * Math.sin(angle)));
latestPoint[0] = new Point(offsetX, offsetY);
for (int x = POINT_ARRAY_SIZE - 1; x > 0; x--) {
latestPoint[x] = latestPoint[x - 1];
}
int lines = 0;
for (int x = 0; x < POINT_ARRAY_SIZE; x++) {
Point point = latestPoint[x];
if (point != null) {
canvas.drawLine(i, i, point.x, point.y, latestPaint[x]);
}
}
lines = 0;
for (Point p : latestPoint) if (p != null) lines++;
boolean debug = false;
if (debug) {
StringBuilder sb = new StringBuilder(" >> ");
for (Point p : latestPoint) {
if (p != null) sb.append(" (" + p.x + "x" + p.y + ")");
}
Log.d(LOG, sb.toString());
// " - R:" + r + ", i=" + i +
// " - Size: " + width + "x" + height +
// " - Angle: " + angle +
// " - Offset: " + offsetX + "," + offsetY);
}
}
}
注:我不知道
private RadarView mapRadar;
裏面你的地方,你可以使用這個標記
現在爲什麼你需要這個動畫。但我使用它,默認標記是放置在地圖的中心。我把地圖放在relativelayout裏面,我也把raderView放在RelativeLayout的中心。
現在這裏是你的XML
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@+id/bootomLayout">
<fragment
android:id="@+id/mapView"
class="com.google.android.gms.maps.SupportMapFragment"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<your.packagename.RadarView
android:id="@+id/radarView"
android:layout_width="240dp"
android:layout_height="240dp"
android:layout_centerInParent="true"
/>
相關問題
- 1. Python動畫雷達圖表
- 2. 動態創建ASP.NET雷達圖表
- 3. 如何在創建後操作Google Map?
- 4. 如何獲得Google Map的中心點?
- 5. 如何在iPhone SDK中做雷達動畫?
- 6. 動畫雷達覆蓋的MKMapView的iOS
- 7. Google Map API:如何在AS3中動態標記中心?
- 8. 最佳途徑動畫雷達的iOS
- 9. 類似掃描動畫的雷達Android
- 10. 如何在Visual Basic .NET中創建圖形或雷達?
- 11. 動畫像雷達目標C
- 12. 如何創建雷鳥
- 13. 如何在QtGui中創建動畫?
- 14. 如何在cocos2d 3.0中創建動畫?
- 15. 如何在javaScript中創建動畫
- 16. 如何在Android中創建3D動畫?
- 17. 如何在Java中創建動畫gif?
- 18. 如何創建動畫從圖像中心開始
- 19. 如何使用JS創建Google的+1滾動動畫?
- 20. 如何在IOS 10中創建動畫作爲iMessage的動畫?
- 21. 創建拖動和拖放雷達圖的形式
- 22. 使用核心動畫創建2個獨立的動畫
- 23. 創建扇出核心動畫
- 24. 如何在Google上創建類似Google +1按鈕的微光動畫
- 25. 在Bokeh python中創建雷達圖表的步驟是什麼?
- 26. 如何在畫面中做動畫?創建動態條形圖
- 27. 如何在畫布中創建浮動動畫WP8
- 28. 如何創建動畫ToggleButton?
- 29. 如何創建此動畫?
- 30. 在Dynamic Div中創建動畫SVG中心
顯示你的努力。 – statosdotcom
我剛剛嘗試谷歌,但沒有得到任何東西 –