Ở bài 1 chúng ta đã hiển thị được Google Maps trên ứng dụng. 1 chức năng tất yếu của Maps là zoom in và zoom out, trong bài này chúng ta sẽ thêm chức năng này vào ứng dụng Google Maps của mình.
Lưu ý : Bạn vẫn tiếp tục sử dụng project ở bài 1.
Đầu tiên , trong Layout main.xml bạn thêm 1 LinearLayout để chứa ZoomControl:
|
1
2
3
4
5
6
7
|
<LinearLayout android:id ="@+id/zoom"
android:layout_width ="wrap_content"
android:layout_height = "wrap_content"
android:layout_alignParentBottom = "true"
android:layout_centerHorizontal = "true"
/>
|
File main.xml của bạn sẽ như sau :
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"
/>
<com.google.android.maps.MapView android:id="@+id/myMap"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:apiKey="0tl5xRhVSFoXlIq3NfZ97l4zLTKLVHtklJ-D5CQ"
android:layout_x="2px"
android:layout_y="100px"
android:clickable="true" />
<LinearLayout android:id ="@+id/zoom"
android:layout_width ="wrap_content"
android:layout_height = "wrap_content"
android:layout_alignParentBottom = "true"
android:layout_centerHorizontal = "true"
/>
</RelativeLayout>
|
Trong GoogleMapsActivity.java bạn thêm vào đoạn code sau để hiển thị Zoom Control
|
1
2
3
4
5
6
7
|
//Add zoom view to Google Maps
mapView = (MapView)findViewById(R.id.myMap);
LinearLayout zoomLayout = (LinearLayout)findViewById(R.id.zoom);
View zoomView = mapView.getZoomControls();
zoomLayout.addView(zoomView, new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
mapView.displayZoomControls(true);
|
Như các bạn thấy, ta phải khai báo đối tượng mapView của lớp MapView để điều khiển GoogleMaps, và phương thức :
|
1
|
View zoomView = mapView.getZoomControls();
|
để trả lại View của ZoomControl.
Full sourcecode của lớp GoogleMapsActivity.java :
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
package com.vietandroid.tut.map;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;
import com.google.android.maps.MapActivity;
import com.google.android.maps.MapController;
import com.google.android.maps.MapView;
public class GoogleMapsActivity extends MapActivity {
MapView mapView;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
//Add zoom view to Google Maps
mapView = (MapView)findViewById(R.id.myMap);
LinearLayout zoomLayout = (LinearLayout)findViewById(R.id.zoom);
View zoomView = mapView.getZoomControls();
zoomLayout.addView(zoomView, new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
mapView.displayZoomControls(true);
}
@Override
protected boolean isRouteDisplayed() {
// TODO Auto-generated method stub
return false;
}
}
|
Chạy chương trình :
Nếu muốn bổ sung thêm phím tắt để dùng chức năng ZoomIn và ZoomOut , các bạn có thể Override phương thức onKeyDown() để bắt sự kiện khi bấm phím:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
// TODO Auto-generated method stub
MapController mc = mapView.getController();
switch (keyCode) {
case KeyEvent.KEYCODE_I:
mc.zoomIn();
break;
case KeyEvent.KEYCODE_O:
mc.zoomOut();
break;
}
return super.onKeyDown(keyCode, event);
}
|
Như trên mình sử dụng phím I để zoomIn, phím O để zoomOut.
Download SourceCode : Clickhere
Drupal Developer having 9+ year experience, implementation and having strong knowledge of technical specifications, workflow development. Ability to perform effectively and efficiently in team and individually. Always enthusiastic and interseted to study new technologies
Như vậy, sau nhiều ngày mong mỏi, WordPress đã tung ra phiên bản mới 3.5 vào ngày 11/12/2012. Bạn có thể download phiên bản này tại trang WordPress.org/Download (Dung lượng tải về khoảng 5MB).
Một quan chức cấp cao của Samsung tuyên bố công khai tại MWC 2013 rằng Samsung không có hứng thú với việc tung ra các thiết bị chạy trên nền hệ điều hành Firefox OS vừa ra mắt của Mozilla.
Công nghệ Near Field Communication (N.F.C – giao tiếp trường gần) cho phép dữ liệu được trao đổi giữa hai thiết bị trong một khoảng cách rất ngắn
