端端舝

ANDROID
價渙嶱追掝最 (3)
Presented by
Duran Hsieh
http://dog0416.blogspot.tw/

OUTLINE
? 掝最醴㻢鷂筳僅
? �釬�瞰ㄩGoogle Map 鷂GPS
覜䛐け誑�
? Android App奻殤霜最
? AdMob
? 葩炾迵褶炾奀潔
? (娗喃) Facebook login
? Q&A

3Presented By: Duran Hsieh
掝最醴㻢鷂筳僅
? 掝最醴㻢
? Android 價渙眭舑
? 靡啅賤�
? 綅釬埻燴﹜汜韜筥ヽ
? Android Studio 賡畿鷂紱釬
? Android App 嶱追�釬
? Android 橃偶殤�挲隴﹜Java 𡦀�
? Layout﹜Components 賡畿﹜紱釬鷂最宒�釬
? 華㇄誑�最宒庨釬
? Material design
? 奻殤諒𡦀
? ⺼睡椙斕腔 App 奻殤
? 莬豢
? FB android login

掝最醴㻢鷂筳僅
?掝最筳僅
゜ヽ挲隴
04堎06゜ Android 價渙眭舑鷂假娊虐噫
Android奻妏蚚GPS覜䛐け
釬𦲀ㄩGPS �瞰最宒
04堎13゜ヽ笢蕉溫樑
04堎20゜ Android Google map API
釬𦲀ㄩ膘蕾華㇄�瞰最宒
04堎27゜ Material Design﹜華㇄誑�最宒庨釬﹜家汜APK鷂APP奻殤
釬𦲀ㄩ𨃨�苤橃觳
05堎18゜苤橃觳傖彆�彶 - DEMO

�釬�瞰ㄩGOOGLE
MAP 鷂GPS 覜䛐け誑�

�釬�瞰ㄩGOOGLE MAP 鷂GPS 覜䛐け誑�
? 膘蕾珨�忒辻麐蚚最宒ㄛ袚�醴ゴ赻撩弇离
? �弇离蜊�媆ㄛ華㇄�醱猁袚�妏蚚氪弇离(妏蚚氪
离笢)
? 甡𨫋赻撩痄�弇离ㄛ婓華㇄奻�堤�聑
? 𡡷梘赻撩腔弇离ㄛ剒猁鞞尨堤醴ゴ��僅釱㻢
? 華㇄�倰鮋苾陎㇄

? Step 1. 膘蕾珨� Google Map Activity
麼氪

? Step 2. 扠�鷂樓⻌Google map Key
? ��蕉奻珨斻掝芘荌⑵

? Step 3. 黺onMapReady 源楊笢樓⻌
mMap = googleMap;
mMap.setMapType(GoogleMap.MAP_TYPE_SATELLITE);

? Step 4. 樓⻌覜䛐け最宒
? 樓奻 implements LocationListenerㄛ�Kブ腢欅譑䏰�ㄛ腢
欅 implement methodsㄛ樓⻌垀衄源楊

? 椙覜䛐け復庲最宒溫⻌
LocationManager status = (LocationManager) (this.getSystemService(Context.LOCATION_SERVICE));
if (status.isProviderEnabled(LocationManager.GPS_PROVIDER) || status.isProviderEnabled(LocationManager.NETWORK_PROVIDER)) {
lms = (LocationManager) getSystemService(LOCATION_SERVICE);
if (ActivityCompat.checkSelfPermission(this, Manifest.permission.ACCESS_FINE_LOCATION) != PackageManager.PERMISSION_GRANTED
&& ActivityCompat.checkSelfPermission(
this, Manifest.permission.ACCESS_COARSE_LOCATION) != PackageManager.PERMISSION_GRANTED) {
return;
}
Location location = lms.getLastKnownLocation(LocationManager.PASSIVE_PROVIDER);
} else {
Toast.makeText(this, "�嶱�隅弇督�", Toast.LENGTH_LONG).show();
startActivity(new Intent(Settings.ACTION_LOCATION_SOURCE_SETTINGS));
}

? Step 5. 黺Manifest.xml樓⻌跃癹

? Step 6. 膘蕾setMarker 源楊
private void setMarker(Location location) {
LatLng current = new LatLng(location.getLatitude(), location.getLongitude());
if(currentMarker == null){
currentMarker = mMap.addMarker(new MarkerOptions().position(current).
title("Lat: " + location.getLatitude() +
" Long:" + location.getLongitude()));
}else{
currentMarker.setPosition(current);
currentMarker.setTitle("Lat: " + location.getLatitude() +
" Long:" + location.getLongitude()));
}
mMap.moveCamera(CameraUpdateFactory.newLatLng(current));
}

? Step 7. 樓⻌setCamera 源楊
private void setCamera(Location location){
mMap.moveCamera(CameraUpdateFactory.newLatLng(
new LatLng(location.getLatitude(),location.getLongitude())));
}

? Step 8. 樓⻌setPolyLine 源楊
private void setPolyLine(Location location){
if(prevLatLng == null){
prevLatLng = new LatLng(location.getLatitude(),location.getLongitude());
}else{
LatLng currentLatLng = new LatLng(location.getLatitude(),location.getLongitude()) ;
mMap.addPolyline(new PolylineOptions()
.add(prevLatLng, currentLatLng).width(5).color(Color.BLUE));
}
}

? Step 9. 黺LocationChanged 笢樓⻌ʊ�源楊
@Override
public void onLocationChanged(Location location) {
if(mMap != null){
setCamera(location);
setMarker(location);
setPolyLine(location);
}
}

? Step 10. 覜䛐け最宒
(ms.getLastKnownLocation(LocationManager.PASSIVE
_PROVIDER); 摽樓⻌ʊ�源楊
if(mMap != null){
setCamera(location);
setMarker(location);
setPolyLine(location);
}

ANDROID APP奻殤霜最
? 霜最
? 蛁砩岈�
? 家汜 keystore (.jks㷌偶準都笭猁)
? 家汜 Signed APK
? Google Play Console (葆愐摽ㄛ撈褫眕筳俴APP奪燴)
? 沓�揃蹋摽追票ㄛ脹渾�瞄鷂奻殤

? 蛁砩岈�
? manifest and Gradle build 腔偞隅每唳�
? 最宒唳掛: versionCode
? 緻妏蚚氪艘腕: versionName

? <uses-permission> 偞隅
? android:icon 鷂 android:label (㇄尨鷂靡想)

? 復庲斕腔麐蚚最宒盓堔嗣意緉躉�跡
https://developer.android.com/guide/practices/screens_su
pport.html#screen-independence
? 腢珨�疑腔package name
? 祥夔妏蚚com.example

? 家汜keystore
? Build -> Generate Signed APK
? 腢欅 Create new＃

? 腢欅繚𧗠鷂�⻌靡想ㄩ

? 甡唗�⻌眈燊揃�

? 家汜 Signed APK
? Build -> Generate Signed APK -> Next

? 梑善 Signed APK

? Google Play Console

�⻌APP靡想
沓�眈燊揃蹋

奻�APK (Package 祥夔蚚com.example)

沓�煦�揃蹋每酕�橙

隅�r鷂追� (隅�r�珂扠�鷂沓�揃蹋)

唳掛奪燴�褫眕腢欅�瞄->追票追票

ADMOB
? 莬豢彶祔ㄩ
? Android 妏蚚氪宖俶
? 嗣㩞 APP 鮋轎愐
? 秏愐逜�祥⺍眢�惁APP
? 蕞莬豢�湮嫶準都嬪褣
? р笢腢珨APP符衄褫夔
? WHY?
? 崝樓嶱追�薯
? 祥猁婖傖妏蚚氪畆婇
? 斕酕腔岆莬豢APP ?

ADMOB
? 黺SDK manager�復庲假娊google repository

ADMOB
? 偞隅 gradle
dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
exclude group: 'com.android.support', module: 'support-annotations'
})
compile 'com.google.android.gms:play-services:6.5+'
compile 'com.android.support:appcompat-v7:25.3.1'
testCompile 'junit:junit:4.12'
}

ADMOB
? 偟�/腎⻌ Admob

ADMOB
? 崝樓麐蚚最宒

ADMOB
? �蛂麐蚚最宒�� / 腢欅莬豢�倰鷂靡想

ADMOB
? 腢欅莬豢�倰鷂靡想

ADMOB
? 岆瘁窣磐firebase

ADMOB
? 眈燊揃�

ADMOB
? 樓⻌res/string.xml源晞奪燴
<string name="banner_ad_unit_id">ca-app-pub-3940256099942544/6300978111</string>

ADMOB
? Layout樓⻌謞俋韜靡諾嶲
? 樓⻌莬豢啋璃
<com.google.android.gms.ads.AdView
android:id="@+id/adView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_alignParentBottom="true"
ads:adSize="BANNER"
ads:adUnitId="@string/banner_ad_unit_id">
</com.google.android.gms.ads.AdView>
xmlns:ads="http://schemas.android.com/apk/res-auto"

ADMOB
? Activity�樓⻌眈燊最宒
import com.google.android.gms.ads.AdRequest;
import com.google.android.gms.ads.AdView;
public class MainActivity extends ActionBarActivity {
...
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
AdView mAdView = (AdView) findViewById(R.id.adView);
AdRequest adRequest = new AdRequest.Builder().build();
mAdView.loadAd(adRequest);
}

ADMOB
? 嶱�忒辻最宒

葩炾迵褶炾奀潔
? ��奻棒掝最�⺍
? 庨釬GPS鷂google map誑�最宒

FACEBOOK LOGIN
? 蛁砩岈�
? 斛�衄FB絝� 鷂 facebook app
? 鮋ゴ摽傷麐蚚ㄛ掛棒諒𡦀硐婦漪忒辻傷

FACEBOOK LOGIN
? ��挲隴
? developers.facebook.com -> 𡡷腢andorid

FACEBOOK LOGIN
? SDK 唳掛 (API15: android 4.0.3)

FACEBOOK LOGIN
? 黺build.gredle �
? dependenciesゴ醱樓⻌repositories
? dependencies�樓⻌
repositories {
mavenCentral()
}
dependencies {
compile 'com.facebook.android:facebook-android-sdk:4.22.0'
＃
}

FACEBOOK LOGIN
? Import facebook SDK
? 樓⻌斕腔APP_ID善res/string
? 樓⻌跃癹
import com.facebook.FacebookSdk;
<string name="facebook_app_id">184344841601898</string>
<uses-permission android:name="android.permission.INTERNET"/>

FACEBOOK LOGIN
? Manifest � application 啋匼�崝樓
<application android:label="@string/app_name" ...>
...
<meta-data android:name="com.facebook.sdk.ApplicationId" android:value="@string/facebook_app_id"/>
...
</application>

FACEBOOK LOGIN
? 家汜key hash
? keytool 婓 java sdk醴��bin揃蹋唥
? 狟徭OpenSSL for Windows binariesㄛ椙bin菁狟
openssl.exe龰堤ㄛ溫离�俴繚𧗠狟
? debug.keystore 婓妏蚚氪.android菁狟ㄛ躇徨鮋android

FACEBOOK LOGIN
? 樓奻FB腎⻌偌漃
<com.facebook.login.widget.LoginButton
android:id="@+id/login_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="30dp"
android:layout_marginBottom="30dp" />

FACEBOOK LOGIN
? 最宒挲隴鷂Demo
? https://github.com/matsurigoto/FBLloginExample

端端舝

Android價渙掝最3 - APP奻殤﹜莬豢鷂 Facebook 腎⻌

More Related Content

Android價渙掝最3 - APP奻殤﹜莬豢鷂 Facebook 腎⻌

Editor's Notes