tag:blogger.com,1999:blog-82668826747469280362024-03-06T13:09:21.109+07:00Simple CodeJust Share Before It's Gonehendrohttp://www.blogger.com/profile/02639412183553064229noreply@blogger.comBlogger3125tag:blogger.com,1999:blog-8266882674746928036.post-89363647999883738082015-10-13T11:32:00.001+07:002015-10-13T11:34:34.883+07:00Tutorial Menu Drawable (Menu Samping) Android Part 2Postingan kali ini adalah lanjutan dari menu drawable <a href="http://hendrolib.blogspot.co.id/2015/10/menu-drawable-menu-samping-android-part.html" target="_blank">Part 1</a> tentang fungsi-fungsi menu samping yang sebelumnya telah kita buat tampilan untuk:<br />
<ul>
<li>Home</li>
<li>Profile</li>
<li>Email</li>
<li>Share</li>
</ul>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKRwDjH60S8BugfYyDwS-0KokCiydNl0FbaAIhEp05-_YC4CwfP8Ywuqqj5Ae43-F4Phdncmdy11PjN-NyijpzixetrjeDg64uPVIUK4uLdSm3Xiu025FJplSc0wWR5YqAA8IIAj-E8sE/s1600/preview1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKRwDjH60S8BugfYyDwS-0KokCiydNl0FbaAIhEp05-_YC4CwfP8Ywuqqj5Ae43-F4Phdncmdy11PjN-NyijpzixetrjeDg64uPVIUK4uLdSm3Xiu025FJplSc0wWR5YqAA8IIAj-E8sE/s320/preview1.jpg" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Kali ini saya akan tambahkan fungsi panggil menu selanjutnya yaitu :<br />
<ul>
<li>Facebook</li>
<li>Website</li>
<li>Telp</li>
</ul>
Dimana menu <b>Facebook</b> dan <b>Website</b> berfungsi jika kita memilih salah satu menu tersebut akan membuka halaman webpage sesuai dengan alamat yang kita tujukan di coding, sedangkan menu <b>Telp </b>akan melakukan panggilan telephone sesuai nomor yang kita tentukan<br />
<br />
1. Tambahkan Permission<span style="background-color: #fff0f0;"> CALL_PHONE</span> di <b>AndroidManifest.xml </b>untuk melakukan panggilan telepon<br />
<b>AndroidManifest.xml</b><br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;"> 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</pre>
</td><td><pre style="line-height: 125%; margin: 0;"><span style="color: #007700;"><manifest</span> <span style="color: #0000cc;">xmlns:android=</span><span style="background-color: #fff0f0;">"http://schemas.android.com/apk/res/android"</span>
<span style="color: #0000cc;">package=</span><span style="background-color: #fff0f0;">"com.menudrawable"</span>
<span style="color: #0000cc;">android:versionCode=</span><span style="background-color: #fff0f0;">"1"</span>
<span style="color: #0000cc;">android:versionName=</span><span style="background-color: #fff0f0;">"1.0"</span> <span style="color: #007700;">></span>
<span style="color: #007700;"><uses-sdk</span>
<span style="color: #0000cc;">android:minSdkVersion=</span><span style="background-color: #fff0f0;">"11"</span>
<span style="color: #0000cc;">android:targetSdkVersion=</span><span style="background-color: #fff0f0;">"19"</span> <span style="color: #007700;">/></span>
<span style="color: #007700;"><uses-permission</span> <span style="color: #0000cc;">android:name=</span><span style="background-color: #fff0f0;">"android.permission.INTERNET"</span><span style="color: #007700;">/></span>
<span style="color: #007700;"> <uses-permission</span> <span style="color: #0000cc;">android:name=</span><span style="background-color: #fff0f0;">"android.permission.CALL_PHONE"</span><span style="color: #007700;">/></span>
<span style="color: #007700;"><application</span>
<span style="color: #0000cc;">android:allowBackup=</span><span style="background-color: #fff0f0;">"true"</span>
<span style="color: #0000cc;">android:icon=</span><span style="background-color: #fff0f0;">"@drawable/ic_launcher"</span>
<span style="color: #0000cc;">android:label=</span><span style="background-color: #fff0f0;">"@string/app_name"</span>
<span style="color: #0000cc;">android:theme=</span><span style="background-color: #fff0f0;">"@style/AppTheme"</span> <span style="color: #007700;">></span>
<span style="color: #007700;"><activity</span>
<span style="color: #0000cc;">android:name=</span><span style="background-color: #fff0f0;">".MainActivity"</span>
<span style="color: #0000cc;">android:label=</span><span style="background-color: #fff0f0;">"@string/app_name"</span> <span style="color: #007700;">></span>
<span style="color: #007700;"><intent-filter></span>
<span style="color: #007700;"><action</span> <span style="color: #0000cc;">android:name=</span><span style="background-color: #fff0f0;">"android.intent.action.MAIN"</span> <span style="color: #007700;">/></span>
<span style="color: #007700;"><category</span> <span style="color: #0000cc;">android:name=</span><span style="background-color: #fff0f0;">"android.intent.category.LAUNCHER"</span> <span style="color: #007700;">/></span>
<span style="color: #007700;"></intent-filter></span>
<span style="color: #007700;"></activity></span>
<span style="color: #007700;"></application></span>
<span style="color: #007700;"></manifest></span>
</pre>
</td></tr>
</tbody></table>
</div>
<br />
2. Lalu tambahkan/lanjutkan script pada fungsi <span style="color: #0066bb; font-weight: bold;">onNavigationDrawerItemSelected </span><span style="color: #0066bb;"><span style="color: black;">pada file </span></span><br />
<span style="color: #0066bb;"><span style="color: black;"><b>MainActivity.java</b> </span></span><span style="color: #333333;"></span><br />
<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;"> 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
37
38
39
40
41
42
43
44
45
46
47</pre>
</td><td><pre style="line-height: 125%; margin: 0;"> <span style="color: #555555; font-weight: bold;">@Override</span>
<span style="color: #008800; font-weight: bold;">public</span> <span style="color: #333399; font-weight: bold;">void</span> <span style="color: #0066bb; font-weight: bold;">onNavigationDrawerItemSelected</span><span style="color: #333333;">(</span><span style="color: #333399; font-weight: bold;">int</span> position<span style="color: #333333;">)</span> <span style="color: #333333;">{</span>
<span style="color: #888888;">// update the main content by replacing fragments</span>
Fragment fragment <span style="color: #333333;">=</span> <span style="color: #008800; font-weight: bold;">null</span><span style="color: #333333;">;</span>
Intent intent<span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">switch</span> <span style="color: #333333;">(</span>position<span style="color: #333333;">)</span> <span style="color: #333333;">{</span>
<span style="color: #008800; font-weight: bold;">case</span> <span style="color: #0000dd; font-weight: bold;">0</span><span style="color: #333333;">:</span>
fragment <span style="color: #333333;">=</span> <span style="color: #008800; font-weight: bold;">new</span> Home<span style="color: #333333;">();</span>
getActionBar<span style="color: #333333;">().</span><span style="color: #0000cc;">setTitle</span><span style="color: #333333;">(</span>R<span style="color: #333333;">.</span><span style="color: #0000cc;">string</span><span style="color: #333333;">.</span><span style="color: #0000cc;">home</span><span style="color: #333333;">);</span>
<span style="color: #008800; font-weight: bold;">break</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">case</span> <span style="color: #0000dd; font-weight: bold;">1</span><span style="color: #333333;">:</span>
fragment <span style="color: #333333;">=</span> <span style="color: #008800; font-weight: bold;">new</span> Profile<span style="color: #333333;">();</span>
getActionBar<span style="color: #333333;">().</span><span style="color: #0000cc;">setTitle</span><span style="color: #333333;">(</span>R<span style="color: #333333;">.</span><span style="color: #0000cc;">string</span><span style="color: #333333;">.</span><span style="color: #0000cc;">profile</span><span style="color: #333333;">);</span>
<span style="color: #008800; font-weight: bold;">break</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">case</span> <span style="color: #0000dd; font-weight: bold;">2</span><span style="color: #333333;">:</span>
fragment <span style="color: #333333;">=</span> <span style="color: #008800; font-weight: bold;">new</span> Email<span style="color: #333333;">();</span>
getActionBar<span style="color: #333333;">().</span><span style="color: #0000cc;">setTitle</span><span style="color: #333333;">(</span>R<span style="color: #333333;">.</span><span style="color: #0000cc;">string</span><span style="color: #333333;">.</span><span style="color: #0000cc;">email</span><span style="color: #333333;">);</span>
<span style="color: #008800; font-weight: bold;">break</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">case</span> <span style="color: #0000dd; font-weight: bold;">3</span><span style="color: #333333;">:</span>
fragment <span style="color: #333333;">=</span> <span style="color: #008800; font-weight: bold;">new</span> Share<span style="color: #333333;">();</span>
getActionBar<span style="color: #333333;">().</span><span style="color: #0000cc;">setTitle</span><span style="color: #333333;">(</span>R<span style="color: #333333;">.</span><span style="color: #0000cc;">string</span><span style="color: #333333;">.</span><span style="color: #0000cc;">share</span><span style="color: #333333;">);</span>
<span style="color: #008800; font-weight: bold;">break</span><span style="color: #333333;">;</span>
<span style="color: #888888;">////////////////////part 2////////////// </span>
<span style="color: #008800; font-weight: bold;">case</span> <span style="color: #0000dd; font-weight: bold;">4</span><span style="color: #333333;">:</span>
intent<span style="color: #333333;">=</span><span style="color: #008800; font-weight: bold;">new</span> Intent<span style="color: #333333;">(</span>Intent<span style="color: #333333;">.</span><span style="color: #0000cc;">ACTION_VIEW</span><span style="color: #333333;">);</span>
intent<span style="color: #333333;">.</span><span style="color: #0000cc;">setData</span><span style="color: #333333;">(</span>Uri<span style="color: #333333;">.</span><span style="color: #0000cc;">parse</span><span style="color: #333333;">(</span><span style="background-color: #fff0f0;">"https://m.facebook.com/hendro.pardiyanto"</span><span style="color: #333333;">));</span>
startActivity<span style="color: #333333;">(</span>intent<span style="color: #333333;">);</span>
<span style="color: #008800; font-weight: bold;">break</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">case</span> <span style="color: #0000dd; font-weight: bold;">5</span><span style="color: #333333;">:</span>
intent<span style="color: #333333;">=</span><span style="color: #008800; font-weight: bold;">new</span> Intent<span style="color: #333333;">(</span>Intent<span style="color: #333333;">.</span><span style="color: #0000cc;">ACTION_VIEW</span><span style="color: #333333;">);</span>
intent<span style="color: #333333;">.</span><span style="color: #0000cc;">setData</span><span style="color: #333333;">(</span>Uri<span style="color: #333333;">.</span><span style="color: #0000cc;">parse</span><span style="color: #333333;">(</span><span style="background-color: #fff0f0;">"http://hendrolib.blogspot.co.id"</span><span style="color: #333333;">));</span>
startActivity<span style="color: #333333;">(</span>intent<span style="color: #333333;">);</span>
<span style="color: #008800; font-weight: bold;">break</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">case</span> <span style="color: #0000dd; font-weight: bold;">6</span><span style="color: #333333;">:</span>
intent<span style="color: #333333;">=</span><span style="color: #008800; font-weight: bold;">new</span> Intent<span style="color: #333333;">(</span>Intent<span style="color: #333333;">.</span><span style="color: #0000cc;">ACTION_CALL</span><span style="color: #333333;">);</span>
intent<span style="color: #333333;">.</span><span style="color: #0000cc;">setData</span><span style="color: #333333;">(</span>Uri<span style="color: #333333;">.</span><span style="color: #0000cc;">parse</span><span style="color: #333333;">(</span><span style="background-color: #fff0f0;">"tel:0815915xxxx"</span><span style="color: #333333;">));</span> <span style="color: #888888;">// isi nomor telepon yang valid</span>
startActivity<span style="color: #333333;">(</span>intent<span style="color: #333333;">);</span>
<span style="color: #008800; font-weight: bold;">break</span><span style="color: #333333;">;</span>
<span style="color: #333333;">}</span>
FragmentManager fragmentManager <span style="color: #333333;">=</span> getFragmentManager<span style="color: #333333;">();</span><span style="color: #888888;">// PENTING</span>
fragmentManager<span style="color: #333333;">.</span><span style="color: #0000cc;">beginTransaction</span><span style="color: #333333;">().</span><span style="color: #0000cc;">replace</span><span style="color: #333333;">(</span>R<span style="color: #333333;">.</span><span style="color: #0000cc;">id</span><span style="color: #333333;">.</span><span style="color: #0000cc;">container</span><span style="color: #333333;">,</span>fragment<span style="color: #333333;">).</span><span style="color: #0000cc;">commit</span><span style="color: #333333;">();</span> <span style="color: #888888;">//PENTING</span>
<span style="color: #333333;">}</span>
</pre>
</td></tr>
</tbody></table>
</div>
<br />
<br />
Disni saya hanya menggunakan Intent untuk menjalankan fungsi tersebut,jadi tidak diperlukan membuat class java dan fragment/layout xml untuk tampilannya.<br />
Selanjutnya silakan kreasikan. Selamat mencoba, semoga berguna.<br />
<br />hendrohttp://www.blogger.com/profile/02639412183553064229noreply@blogger.com0tag:blogger.com,1999:blog-8266882674746928036.post-41225091012988920732015-10-07T11:53:00.000+07:002015-10-16T13:34:06.873+07:00Menu Drawable (Menu Samping) Android Part 1<div dir="ltr" style="text-align: left;" trbidi="on">
Disini kita akan membuat menu samping Android menggunakan Eclipse Juno.<br />
Yang tampilannya seperti ini:<br />
list menu yang ditampilkan<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Eifd3DbH2TGg8I5wu-pqtOtfl5_qNF7kjmMeBDMb2BymdnW5997PViY5ThlwhlFxvJYVgbxxfGL1sF_xPiCs_KSmK4jy9XJPmtKNZiKn5PMiCP0jumLKdXs5zTxn6WWwjfF4lI-xfnE/s1600/preview1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Eifd3DbH2TGg8I5wu-pqtOtfl5_qNF7kjmMeBDMb2BymdnW5997PViY5ThlwhlFxvJYVgbxxfGL1sF_xPiCs_KSmK4jy9XJPmtKNZiKn5PMiCP0jumLKdXs5zTxn6WWwjfF4lI-xfnE/s320/preview1.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Jika menu Profile dipilih<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqpBwV_qLf38FyF8gRyuS_mffhPsUVdqXD7zG4HP0QxkhG8wxjlS9IOnLBsU43u31rNR7XAvSRf5ao8gYlieMW-H4MIHx7MpbplUquXOsyVuEg95ohT1AcTdVTUCCjMb51v1LMRDutY9Y/s1600/preview2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqpBwV_qLf38FyF8gRyuS_mffhPsUVdqXD7zG4HP0QxkhG8wxjlS9IOnLBsU43u31rNR7XAvSRf5ao8gYlieMW-H4MIHx7MpbplUquXOsyVuEg95ohT1AcTdVTUCCjMb51v1LMRDutY9Y/s320/preview2.jpg" width="320" /></a></div>
<br />
<br />
Jika menu Email dipilih, maka muncul pop up list aplikasi email yang akan kita pakai untuk compose email<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxVkXSPGSlPFU2812DN50Cjw9ZOF4c04Q3wj2VN4Xzfz6Fen_OklGvU4stUdpW8YrqOwIHHg4atxLrHnMhLnTGduuezr0t_o971te9Apk5_JMp7LIxN_fG40gSCB27gKFeUo0C-ZBibLw/s1600/preview3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxVkXSPGSlPFU2812DN50Cjw9ZOF4c04Q3wj2VN4Xzfz6Fen_OklGvU4stUdpW8YrqOwIHHg4atxLrHnMhLnTGduuezr0t_o971te9Apk5_JMp7LIxN_fG40gSCB27gKFeUo0C-ZBibLw/s320/preview3.jpg" width="320" /></a></div>
Begitu juga seterusnya jika menu lain yang dipilih.<br />
Jadi setiap menu yang kita pilih akan ditampilkan sesuai dengan fragment buatan kita sendiri, kalau pada web istilahnya seperti frame <br />
1.Create new android application dengan nama <b>MenuDrawable</b><br />
disini saya menggunakan <b>Target SDK</b> dan <b>Compile With</b> : <b>API 19</b><br />
dan pada pilihan Create Activity pilih<br />
<b>Navigation Drawer Activity</b><br />
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ-0_s_wyzV8_CZDP-vbtkwPOXrdQg1IEundSzogw_oiBudvnEoRO3eagGWwwEpKT8n1T3leBwofUdJZFvYFa0CBIMdNxMBrlMWOkXm3hBoQZu-p04jcSqmEIZWJtXE9DmjAvVDt5bVck/s1600/create+activity.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ-0_s_wyzV8_CZDP-vbtkwPOXrdQg1IEundSzogw_oiBudvnEoRO3eagGWwwEpKT8n1T3leBwofUdJZFvYFa0CBIMdNxMBrlMWOkXm3hBoQZu-p04jcSqmEIZWJtXE9DmjAvVDt5bVck/s320/create+activity.jpg" width="320" /></a></div>
<br />
2. Pada res/values/<b>strings.xml</b> edit code seperti ini<br />
<br />
<div style="background: #ffffff; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;"> 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</pre>
</td><td><pre style="line-height: 125%; margin: 0;"><span style="color: #557799;"><?xml version="1.0" encoding="utf-8"?></span>
<span style="color: #007700;"><resources></span>
<span style="color: #007700;"><string</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"app_name"</span><span style="color: #007700;">></span>MenuDrawable<span style="color: #007700;"></string></span>
<span style="color: #007700;"><string</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"menu"</span><span style="color: #007700;">></span>Menu<span style="color: #007700;"></string></span>
<span style="color: #007700;"><string</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"home"</span><span style="color: #007700;">></span>Home<span style="color: #007700;"></string></span>
<span style="color: #007700;"><string</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"profile"</span><span style="color: #007700;">></span>Profile<span style="color: #007700;"></string></span>
<span style="color: #007700;"><string</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"profile_content"</span><span style="color: #007700;">></span>Hendro Pardiyanto<span style="color: #007700;"></string></span>
<span style="color: #007700;"><string</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"email"</span><span style="color: #007700;">></span>Email<span style="color: #007700;"></string></span>
<span style="color: #007700;"><string</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"share"</span><span style="color: #007700;">></span>Share<span style="color: #007700;"></string></span>
<span style="color: #007700;"><string</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"facebook"</span><span style="color: #007700;">></span>Facebook<span style="color: #007700;"></string></span>
<span style="color: #007700;"><string</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"website"</span><span style="color: #007700;">></span>Website<span style="color: #007700;"></string></span>
<span style="color: #007700;"><string</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"telp"</span><span style="color: #007700;">></span>Telp<span style="color: #007700;"></string></span>
<span style="color: #007700;"><string</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"navigation_drawer_open"</span><span style="color: #007700;">></span>Open navigation drawer<span style="color: #007700;"></string></span>
<span style="color: #007700;"><string</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"navigation_drawer_close"</span><span style="color: #007700;">></span>Close navigation drawer<span style="color: #007700;"></string></span>
<span style="color: #007700;"><string</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"action_example"</span><span style="color: #007700;">></span>Example action<span style="color: #007700;"></string></span>
<span style="color: #007700;"><string</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"action_settings"</span><span style="color: #007700;">></span>Settings<span style="color: #007700;"></string></span>
<span style="color: #007700;"><string-array</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"nav_drawer_item"</span><span style="color: #007700;">></span>
<span style="color: #007700;"><item</span> <span style="color: #007700;">></span>Home<span style="color: #007700;"></item></span>
<span style="color: #007700;"><item</span> <span style="color: #007700;">></span>Email<span style="color: #007700;"></item></span>
<span style="color: #007700;"><item</span> <span style="color: #007700;">></span>Share<span style="color: #007700;"></item></span>
<span style="color: #007700;"><item</span> <span style="color: #007700;">></span>Facebook<span style="color: #007700;"></item></span>
<span style="color: #007700;"><item</span> <span style="color: #007700;">></span>Website<span style="color: #007700;"></item></span>
<span style="color: #007700;"><item</span> <span style="color: #007700;">></span>Telp<span style="color: #007700;"></item></span>
<span style="color: #007700;"></string-array></span>
<span style="color: #007700;"></resources></span>
</pre>
</td></tr>
</tbody></table>
</div>
<br />
<br />
3. Edit<b> NavigationDrawerFragment.java</b> pada function onCreateView<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;"> 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</pre>
</td><td><pre style="line-height: 125%; margin: 0;"> <span style="color: #555555; font-weight: bold;">@Override</span>
<span style="color: #008800; font-weight: bold;">public</span> View <span style="color: #0066bb; font-weight: bold;">onCreateView</span><span style="color: #333333;">(</span>LayoutInflater inflater<span style="color: #333333;">,</span> ViewGroup container<span style="color: #333333;">,</span>
Bundle savedInstanceState<span style="color: #333333;">)</span> <span style="color: #333333;">{</span>
mDrawerListView <span style="color: #333333;">=</span> <span style="color: #333333;">(</span>ListView<span style="color: #333333;">)</span> inflater<span style="color: #333333;">.</span><span style="color: #0000cc;">inflate</span><span style="color: #333333;">(</span>
R<span style="color: #333333;">.</span><span style="color: #0000cc;">layout</span><span style="color: #333333;">.</span><span style="color: #0000cc;">fragment_navigation_drawer</span><span style="color: #333333;">,</span> container<span style="color: #333333;">,</span> <span style="color: #008800; font-weight: bold;">false</span><span style="color: #333333;">);</span>
mDrawerListView<span style="color: #333333;">.</span><span style="color: #0000cc;">setOnItemClickListener</span><span style="color: #333333;">(</span><span style="color: #008800; font-weight: bold;">new</span> AdapterView<span style="color: #333333;">.</span><span style="color: #0000cc;">OnItemClickListener</span><span style="color: #333333;">()</span> <span style="color: #333333;">{</span>
<span style="color: #555555; font-weight: bold;">@Override</span>
<span style="color: #008800; font-weight: bold;">public</span> <span style="color: #333399; font-weight: bold;">void</span> <span style="color: #0066bb; font-weight: bold;">onItemClick</span><span style="color: #333333;">(</span>AdapterView<span style="color: #333333;"><?></span> parent<span style="color: #333333;">,</span> View view<span style="color: #333333;">,</span> <span style="color: #333399; font-weight: bold;">int</span> position<span style="color: #333333;">,</span> <span style="color: #333399; font-weight: bold;">long</span> id<span style="color: #333333;">)</span> <span style="color: #333333;">{</span>
selectItem<span style="color: #333333;">(</span>position<span style="color: #333333;">);</span>
<span style="color: #333333;">}</span>
<span style="color: #333333;">});</span>
mDrawerListView<span style="color: #333333;">.</span><span style="color: #0000cc;">setAdapter</span><span style="color: #333333;">(</span><span style="color: #008800; font-weight: bold;">new</span> ArrayAdapter<span style="color: #333333;"><</span>String<span style="color: #333333;">>(</span>
getActionBar<span style="color: #333333;">().</span><span style="color: #0000cc;">getThemedContext</span><span style="color: #333333;">(),</span>
android<span style="color: #333333;">.</span><span style="color: #0000cc;">R</span><span style="color: #333333;">.</span><span style="color: #0000cc;">layout</span><span style="color: #333333;">.</span><span style="color: #0000cc;">simple_list_item_1</span><span style="color: #333333;">,</span>
android<span style="color: #333333;">.</span><span style="color: #0000cc;">R</span><span style="color: #333333;">.</span><span style="color: #0000cc;">id</span><span style="color: #333333;">.</span><span style="color: #0000cc;">text1</span><span style="color: #333333;">,</span>
<span style="color: #008800; font-weight: bold;">new</span> String<span style="color: #333333;">[]{</span>
getString<span style="color: #333333;">(</span>R<span style="color: #333333;">.</span><span style="color: #0000cc;">string</span><span style="color: #333333;">.</span><span style="color: #0000cc;">home</span><span style="color: #333333;">),</span>
getString<span style="color: #333333;">(</span>R<span style="color: #333333;">.</span><span style="color: #0000cc;">string</span><span style="color: #333333;">.</span><span style="color: #0000cc;">profile</span><span style="color: #333333;">),</span>
getString<span style="color: #333333;">(</span>R<span style="color: #333333;">.</span><span style="color: #0000cc;">string</span><span style="color: #333333;">.</span><span style="color: #0000cc;">email</span><span style="color: #333333;">),</span>
getString<span style="color: #333333;">(</span>R<span style="color: #333333;">.</span><span style="color: #0000cc;">string</span><span style="color: #333333;">.</span><span style="color: #0000cc;">share</span><span style="color: #333333;">),</span>
getString<span style="color: #333333;">(</span>R<span style="color: #333333;">.</span><span style="color: #0000cc;">string</span><span style="color: #333333;">.</span><span style="color: #0000cc;">facebook</span><span style="color: #333333;">),</span>
getString<span style="color: #333333;">(</span>R<span style="color: #333333;">.</span><span style="color: #0000cc;">string</span><span style="color: #333333;">.</span><span style="color: #0000cc;">website</span><span style="color: #333333;">),</span>
getString<span style="color: #333333;">(</span>R<span style="color: #333333;">.</span><span style="color: #0000cc;">string</span><span style="color: #333333;">.</span><span style="color: #0000cc;">telp</span><span style="color: #333333;">)</span>
<span style="color: #333333;">}));</span>
mDrawerListView<span style="color: #333333;">.</span><span style="color: #0000cc;">setItemChecked</span><span style="color: #333333;">(</span>mCurrentSelectedPosition<span style="color: #333333;">,</span> <span style="color: #008800; font-weight: bold;">true</span><span style="color: #333333;">);</span>
<span style="color: #008800; font-weight: bold;">return</span> mDrawerListView<span style="color: #333333;">;</span>
<span style="color: #333333;">}</span>
</pre>
</td></tr>
</tbody></table>
</div>
<br />
4.Edit <b>MainActivity.java</b> pada function <span style="background-color: white; line-height: 16.25px;">onNavigationDrawerItemSelected</span><br />
<span style="background-color: white; line-height: 16.25px;"> <span style="color: red;"> *Catatan: Script "</span></span><span style="line-height: 16.25px;">getActionBar</span><span style="color: #333333; line-height: 16.25px;">().</span><span style="color: #0000cc; line-height: 16.25px;">setTitle</span><span style="color: #333333; line-height: 16.25px;">(</span><span style="line-height: 16.25px;">R</span><span style="color: #333333; line-height: 16.25px;">.</span><span style="color: #0000cc; line-height: 16.25px;">string</span><span style="color: #333333; line-height: 16.25px;">.</span><span style="color: #0000cc; line-height: 16.25px;">****</span><span style="color: #333333; line-height: 16.25px;">)"</span><span style="color: red; line-height: 16.25px;"> (line 8,13,17,21) terkadang menyebabkan error jika anda pada pertama kali create new android application dengan setting <b>Compile With</b> diatas <b>API 19</b> , Jadi lebih baik tidak usah digunakan/diremarks jika terjadi error, fungsi ini untuk menampilkan judul diatas fragment/halaman</span><br />
<span style="background-color: white; line-height: 16.25px;"><br /></span>
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;"> 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</pre>
</td><td><pre style="line-height: 125%; margin: 0;"> <span style="color: #555555; font-weight: bold;">@Override</span>
<span style="color: #008800; font-weight: bold;">public</span> <span style="color: #333399; font-weight: bold;">void</span> <span style="color: #0066bb; font-weight: bold;">onNavigationDrawerItemSelected</span><span style="color: #333333;">(</span><span style="color: #333399; font-weight: bold;">int</span> position<span style="color: #333333;">)</span> <span style="color: #333333;">{</span>
<span style="color: #888888;">// update the main content by replacing fragments</span>
Fragment fragment <span style="color: #333333;">=</span> <span style="color: #008800; font-weight: bold;">null</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">switch</span> <span style="color: #333333;">(</span>position<span style="color: #333333;">)</span> <span style="color: #333333;">{</span>
<span style="color: #008800; font-weight: bold;">case</span> <span style="color: #0000dd; font-weight: bold;">0</span><span style="color: #333333;">:</span>
fragment <span style="color: #333333;">=</span> <span style="color: #008800; font-weight: bold;">new</span> Home<span style="color: #333333;">();</span>
getActionBar<span style="color: #333333;">().</span><span style="color: #0000cc;">setTitle</span><span style="color: #333333;">(</span>R<span style="color: #333333;">.</span><span style="color: #0000cc;">string</span><span style="color: #333333;">.</span><span style="color: #0000cc;">home</span><span style="color: #333333;">);</span>
<span style="color: #008800; font-weight: bold;">break</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">case</span> <span style="color: #0000dd; font-weight: bold;">1</span><span style="color: #333333;">:</span>
fragment <span style="color: #333333;">=</span> <span style="color: #008800; font-weight: bold;">new</span> Profile<span style="color: #333333;">();</span>
getActionBar<span style="color: #333333;">().</span><span style="color: #0000cc;">setTitle</span><span style="color: #333333;">(</span>R<span style="color: #333333;">.</span><span style="color: #0000cc;">string</span><span style="color: #333333;">.</span><span style="color: #0000cc;">profile</span><span style="color: #333333;">);</span>
<span style="color: #008800; font-weight: bold;">break</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">case</span> <span style="color: #0000dd; font-weight: bold;">2</span><span style="color: #333333;">:</span>
fragment <span style="color: #333333;">=</span> <span style="color: #008800; font-weight: bold;">new</span> Email<span style="color: #333333;">();</span>
getActionBar<span style="color: #333333;">().</span><span style="color: #0000cc;">setTitle</span><span style="color: #333333;">(</span>R<span style="color: #333333;">.</span><span style="color: #0000cc;">string</span><span style="color: #333333;">.</span><span style="color: #0000cc;">email</span><span style="color: #333333;">);</span>
<span style="color: #008800; font-weight: bold;">break</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">case</span> <span style="color: #0000dd; font-weight: bold;">3</span><span style="color: #333333;">:</span>
fragment <span style="color: #333333;">=</span> <span style="color: #008800; font-weight: bold;">new</span> Share<span style="color: #333333;">();</span>
getActionBar<span style="color: #333333;">().</span><span style="color: #0000cc;">setTitle</span><span style="color: #333333;">(</span>R<span style="color: #333333;">.</span><span style="color: #0000cc;">string</span><span style="color: #333333;">.</span><span style="color: #0000cc;">share</span><span style="color: #333333;">);</span>
<span style="color: #008800; font-weight: bold;">break</span><span style="color: #333333;">;</span>
<span style="color: #333333;">}</span>
FragmentManager fragmentManager <span style="color: #333333;">=</span> getFragmentManager<span style="color: #333333;">();</span><span style="color: #888888;">// PENTING</span>
fragmentManager<span style="color: #333333;">.</span><span style="color: #0000cc;">beginTransaction</span><span style="color: #333333;">().</span><span style="color: #0000cc;">replace</span><span style="color: #333333;">(</span>R<span style="color: #333333;">.</span><span style="color: #0000cc;">id</span><span style="color: #333333;">.</span><span style="color: #0000cc;">container</span><span style="color: #333333;">,</span>fragment<span style="color: #333333;">).</span><span style="color: #0000cc;">commit</span><span style="color: #333333;">();</span> <span style="color: #888888;">//PENTING</span>
<span style="color: #333333;">}</span>
</pre>
</td></tr>
</tbody></table>
</div>
<br />
<br />
5. pada <b>MainActivity.java </b>ubah code ini<br />
<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;">1
2</pre>
</td><td><pre style="line-height: 125%; margin: 0;"><span style="color: #008800; font-weight: bold;">import</span> <span style="color: #0e84b5; font-weight: bold;">android.support.v4.app.Fragment</span><span style="color: #333333;">;</span> <span style="color: #888888;">//PENTING</span>
<span style="color: #008800; font-weight: bold;">import</span> <span style="color: #0e84b5; font-weight: bold;">android.supprot.v4.app.FragmentManager</span><span style="color: #333333;">;</span> <span style="color: #888888;">//PENTING</span>
</pre>
</td></tr>
</tbody></table>
</div>
menjadi Seperti ini agar tidak error<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;">1
2</pre>
</td><td><pre style="line-height: 125%; margin: 0;"><span style="color: #008800; font-weight: bold;">import</span> <span style="color: #0e84b5; font-weight: bold;">android.app.Fragment</span><span style="color: #333333;">;</span> <span style="color: #888888;">//PENTING</span>
<span style="color: #008800; font-weight: bold;">import</span> <span style="color: #0e84b5; font-weight: bold;">android.app.FragmentManager</span><span style="color: #333333;">;</span> <span style="color: #888888;">//PENTING</span>
</pre>
</td></tr>
</tbody></table>
</div>
<br />
6. Selanjutnya kita buat desain tampilan home dengan membuat file <b>fragment_home.xml</b> di dalam folder layout (disini saya hanya menampilkan textview tulisan Home saja, selanjutnya silahkan kreasikan sesuka anda )<br />
<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;"> 1
2
3
4
5
6
7
8
9
10
11
12
13
14</pre>
</td><td><pre style="line-height: 125%; margin: 0;"><span style="color: #557799;"><?xml version="1.0" encoding="utf-8"?></span>
<span style="color: #007700;"><LinearLayout</span> <span style="color: #0000cc;">xmlns:android=</span><span style="background-color: #fff0f0;">"http://schemas.android.com/apk/res/android"</span>
<span style="color: #0000cc;">android:layout_width=</span><span style="background-color: #fff0f0;">"match_parent"</span>
<span style="color: #0000cc;">android:layout_height=</span><span style="background-color: #fff0f0;">"match_parent"</span>
<span style="color: #0000cc;">android:layout_margin=</span><span style="background-color: #fff0f0;">"16dp"</span>
<span style="color: #0000cc;">android:orientation=</span><span style="background-color: #fff0f0;">"vertical"</span> <span style="color: #007700;">></span>
<span style="color: #007700;"><TextView</span>
<span style="color: #0000cc;">android:id=</span><span style="background-color: #fff0f0;">"@+id/tv_home"</span>
<span style="color: #0000cc;">android:layout_width=</span><span style="background-color: #fff0f0;">"wrap_content"</span>
<span style="color: #0000cc;">android:layout_height=</span><span style="background-color: #fff0f0;">"wrap_content"</span>
<span style="color: #0000cc;">android:text=</span><span style="background-color: #fff0f0;">"@string/home"</span> <span style="color: #007700;">/></span>
<span style="color: #007700;"></LinearLayout></span>
</pre>
</td></tr>
</tbody></table>
</div>
<br />
7. Buat juga <b>fragment_profile.xml</b> di folder layout untuk desain tampilan profile<br />
<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;"> 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20</pre>
</td><td><pre style="line-height: 125%; margin: 0;"><span style="color: #557799;"><?xml version="1.0" encoding="utf-8"?></span>
<span style="color: #007700;"><LinearLayout</span> <span style="color: #0000cc;">xmlns:android=</span><span style="background-color: #fff0f0;">"http://schemas.android.com/apk/res/android"</span>
<span style="color: #0000cc;">android:layout_width=</span><span style="background-color: #fff0f0;">"match_parent"</span>
<span style="color: #0000cc;">android:layout_height=</span><span style="background-color: #fff0f0;">"match_parent"</span>
<span style="color: #0000cc;">android:layout_margin=</span><span style="background-color: #fff0f0;">"16dp"</span>
<span style="color: #0000cc;">android:orientation=</span><span style="background-color: #fff0f0;">"vertical"</span> <span style="color: #007700;">></span>
<span style="color: #007700;"><TextView</span>
<span style="color: #0000cc;">android:id=</span><span style="background-color: #fff0f0;">"@+id/tv_profile"</span>
<span style="color: #0000cc;">android:layout_width=</span><span style="background-color: #fff0f0;">"wrap_content"</span>
<span style="color: #0000cc;">android:layout_height=</span><span style="background-color: #fff0f0;">"wrap_content"</span>
<span style="color: #0000cc;">android:text=</span><span style="background-color: #fff0f0;">"@string/profile"</span> <span style="color: #007700;">/></span>
<span style="color: #007700;"><TextView</span>
<span style="color: #0000cc;">android:id=</span><span style="background-color: #fff0f0;">"@+id/tv_profile_content"</span>
<span style="color: #0000cc;">android:layout_width=</span><span style="background-color: #fff0f0;">"wrap_content"</span>
<span style="color: #0000cc;">android:layout_height=</span><span style="background-color: #fff0f0;">"wrap_content"</span>
<span style="color: #0000cc;">android:text=</span><span style="background-color: #fff0f0;">"@string/profile_content"</span> <span style="color: #007700;">/></span>
<span style="color: #007700;"></LinearLayout></span>
</pre>
</td></tr>
</tbody></table>
<br /></div>
Untuk menu <b>Email</b> tidak diperlukan tampilan karena kita akan panggil fungsi compose email yang sudah tersedia dari android, begitu juga dengan menu<b> Share.</b> Selanjutnya kita tinggal membuat Class Java nya untuk memanggil fragment/layout dari menu tersebut<br />
<br />
8.Buat Class Java di folder setara MainActivity.java<br />
<br />
Class <b>Home.java</b><br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;"> 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18</pre>
</td><td><pre style="line-height: 125%; margin: 0;"><span style="color: #008800; font-weight: bold;">package</span> com<span style="color: #333333;">.</span><span style="color: #0000cc;">menudrawable</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">import</span> <span style="color: #0e84b5; font-weight: bold;">android.os.Bundle</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">import</span> <span style="color: #0e84b5; font-weight: bold;">android.app.Fragment</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">import</span> <span style="color: #0e84b5; font-weight: bold;">android.view.LayoutInflater</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">import</span> <span style="color: #0e84b5; font-weight: bold;">android.view.View</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">import</span> <span style="color: #0e84b5; font-weight: bold;">android.view.ViewGroup</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">public</span> <span style="color: #008800; font-weight: bold;">class</span> <span style="color: #bb0066; font-weight: bold;">Home</span> <span style="color: #008800; font-weight: bold;">extends</span> Fragment <span style="color: #333333;">{</span>
View view<span style="color: #333333;">;</span>
<span style="color: #555555; font-weight: bold;">@Override</span>
<span style="color: #008800; font-weight: bold;">public</span> View <span style="color: #0066bb; font-weight: bold;">onCreateView</span><span style="color: #333333;">(</span>LayoutInflater inflater<span style="color: #333333;">,</span> ViewGroup container<span style="color: #333333;">,</span>Bundle savedInstanceState<span style="color: #333333;">)</span> <span style="color: #333333;">{</span>
view <span style="color: #333333;">=</span> inflater<span style="color: #333333;">.</span><span style="color: #0000cc;">inflate</span><span style="color: #333333;">(</span>R<span style="color: #333333;">.</span><span style="color: #0000cc;">layout</span><span style="color: #333333;">.</span><span style="color: #0000cc;">fragment_home</span><span style="color: #333333;">,</span> container<span style="color: #333333;">,</span> <span style="color: #008800; font-weight: bold;">false</span><span style="color: #333333;">);</span>
<span style="color: #008800; font-weight: bold;">return</span> view<span style="color: #333333;">;</span>
<span style="color: #333333;">}</span>
<span style="color: #333333;">}</span>
</pre>
</td></tr>
</tbody></table>
</div>
<br />
Class <b>Profile.java</b><br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;"> 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20</pre>
</td><td><pre style="line-height: 125%; margin: 0;"><span style="color: #008800; font-weight: bold;">package</span> com<span style="color: #333333;">.</span><span style="color: #0000cc;">menudrawable</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">import</span> <span style="color: #0e84b5; font-weight: bold;">android.os.Bundle</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">import</span> <span style="color: #0e84b5; font-weight: bold;">android.app.Fragment</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">import</span> <span style="color: #0e84b5; font-weight: bold;">android.view.LayoutInflater</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">import</span> <span style="color: #0e84b5; font-weight: bold;">android.view.View</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">import</span> <span style="color: #0e84b5; font-weight: bold;">android.view.ViewGroup</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">public</span> <span style="color: #008800; font-weight: bold;">class</span> <span style="color: #bb0066; font-weight: bold;">Profile</span> <span style="color: #008800; font-weight: bold;">extends</span> Fragment<span style="color: #333333;">{</span>
View view<span style="color: #333333;">;</span>
<span style="color: #555555; font-weight: bold;">@Override</span>
<span style="color: #008800; font-weight: bold;">public</span> View <span style="color: #0066bb; font-weight: bold;">onCreateView</span><span style="color: #333333;">(</span>LayoutInflater inflater<span style="color: #333333;">,</span> ViewGroup container<span style="color: #333333;">,</span>
Bundle savedInstanceState<span style="color: #333333;">)</span> <span style="color: #333333;">{</span>
view <span style="color: #333333;">=</span> inflater<span style="color: #333333;">.</span><span style="color: #0000cc;">inflate</span><span style="color: #333333;">(</span>R<span style="color: #333333;">.</span><span style="color: #0000cc;">layout</span><span style="color: #333333;">.</span><span style="color: #0000cc;">fragment_profile</span><span style="color: #333333;">,</span> container<span style="color: #333333;">,</span> <span style="color: #008800; font-weight: bold;">false</span><span style="color: #333333;">);</span>
<span style="color: #008800; font-weight: bold;">return</span> view<span style="color: #333333;">;</span>
<span style="color: #333333;">}</span>
<span style="color: #333333;">}</span>
</pre>
</td></tr>
</tbody></table>
</div>
<br />
Class <b>Email.java</b><br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;"> 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21</pre>
</td><td><pre style="line-height: 125%; margin: 0;"><span style="color: #008800; font-weight: bold;">package</span> com<span style="color: #333333;">.</span><span style="color: #0000cc;">menudrawable</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">import</span> <span style="color: #0e84b5; font-weight: bold;">android.app.Fragment</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">import</span> <span style="color: #0e84b5; font-weight: bold;">android.content.Intent</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">import</span> <span style="color: #0e84b5; font-weight: bold;">android.os.Bundle</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">public</span> <span style="color: #008800; font-weight: bold;">class</span> <span style="color: #bb0066; font-weight: bold;">Email</span> <span style="color: #008800; font-weight: bold;">extends</span> Fragment<span style="color: #333333;">{</span>
Intent intent<span style="color: #333333;">;</span>
<span style="color: #555555; font-weight: bold;">@Override</span>
<span style="color: #008800; font-weight: bold;">public</span> <span style="color: #333399; font-weight: bold;">void</span> <span style="color: #0066bb; font-weight: bold;">onCreate</span><span style="color: #333333;">(</span>Bundle savedInstanceState<span style="color: #333333;">){</span>
intent<span style="color: #333333;">=</span><span style="color: #008800; font-weight: bold;">new</span> Intent<span style="color: #333333;">(</span>Intent<span style="color: #333333;">.</span><span style="color: #0000cc;">ACTION_SEND</span><span style="color: #333333;">);</span>
intent<span style="color: #333333;">.</span><span style="color: #0000cc;">putExtra</span><span style="color: #333333;">(</span>Intent<span style="color: #333333;">.</span><span style="color: #0000cc;">EXTRA_EMAIL</span><span style="color: #333333;">,</span> <span style="background-color: #fff0f0;">"hendro05@gmail.com"</span><span style="color: #333333;">);</span>
intent<span style="color: #333333;">.</span><span style="color: #0000cc;">putExtra</span><span style="color: #333333;">(</span>Intent<span style="color: #333333;">.</span><span style="color: #0000cc;">EXTRA_SUBJECT</span><span style="color: #333333;">,</span> <span style="background-color: #fff0f0;">"Mengirim Email Dari Android"</span><span style="color: #333333;">);</span>
intent<span style="color: #333333;">.</span><span style="color: #0000cc;">putExtra</span><span style="color: #333333;">(</span>Intent<span style="color: #333333;">.</span><span style="color: #0000cc;">EXTRA_TEXT</span><span style="color: #333333;">,</span> <span style="background-color: #fff0f0;">"Cara Mengirim Email Menggunakan Intent Di Pemrograman Danroid Dengan Java"</span><span style="color: #333333;">);</span>
intent<span style="color: #333333;">.</span><span style="color: #0000cc;">setType</span><span style="color: #333333;">(</span><span style="background-color: #fff0f0;">"message/rfc822"</span><span style="color: #333333;">);</span>
startActivity<span style="color: #333333;">(</span>intent<span style="color: #333333;">.</span><span style="color: #0000cc;">createChooser</span><span style="color: #333333;">(</span>intent<span style="color: #333333;">,</span> <span style="background-color: #fff0f0;">"Pilih Aplikasi Mengirim Email"</span><span style="color: #333333;">));</span>
<span style="color: #008800; font-weight: bold;">super</span><span style="color: #333333;">.</span><span style="color: #0000cc;">onCreate</span><span style="color: #333333;">(</span>savedInstanceState<span style="color: #333333;">);</span>
<span style="color: #333333;">}</span>
<span style="color: #333333;">}</span>
</pre>
</td></tr>
</tbody></table>
</div>
<br />
Class <b>Share.java</b><br />
<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;"> 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19</pre>
</td><td><pre style="line-height: 125%; margin: 0;"><span style="color: #008800; font-weight: bold;">package</span> com<span style="color: #333333;">.</span><span style="color: #0000cc;">menudrawable</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">import</span> <span style="color: #0e84b5; font-weight: bold;">android.app.Fragment</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">import</span> <span style="color: #0e84b5; font-weight: bold;">android.content.Intent</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">import</span> <span style="color: #0e84b5; font-weight: bold;">android.os.Bundle</span><span style="color: #333333;">;</span>
<span style="color: #008800; font-weight: bold;">public</span> <span style="color: #008800; font-weight: bold;">class</span> <span style="color: #bb0066; font-weight: bold;">Share</span> <span style="color: #008800; font-weight: bold;">extends</span> Fragment <span style="color: #333333;">{</span>
Intent intent<span style="color: #333333;">;</span>
<span style="color: #555555; font-weight: bold;">@Override</span>
<span style="color: #008800; font-weight: bold;">public</span> <span style="color: #333399; font-weight: bold;">void</span> <span style="color: #0066bb; font-weight: bold;">onCreate</span><span style="color: #333333;">(</span>Bundle savedInstanceState<span style="color: #333333;">)</span> <span style="color: #333333;">{</span>
intent<span style="color: #333333;">=</span><span style="color: #008800; font-weight: bold;">new</span> Intent<span style="color: #333333;">(</span>android<span style="color: #333333;">.</span><span style="color: #0000cc;">content</span><span style="color: #333333;">.</span><span style="color: #0000cc;">Intent</span><span style="color: #333333;">.</span><span style="color: #0000cc;">ACTION_SEND</span><span style="color: #333333;">);</span>
intent<span style="color: #333333;">.</span><span style="color: #0000cc;">setType</span><span style="color: #333333;">(</span><span style="background-color: #fff0f0;">"text/plain"</span><span style="color: #333333;">);</span>
intent<span style="color: #333333;">.</span><span style="color: #0000cc;">putExtra</span><span style="color: #333333;">(</span>android<span style="color: #333333;">.</span><span style="color: #0000cc;">content</span><span style="color: #333333;">.</span><span style="color: #0000cc;">Intent</span><span style="color: #333333;">.</span><span style="color: #0000cc;">EXTRA_SUBJECT</span><span style="color: #333333;">,</span> <span style="background-color: #fff0f0;">"Aplikasi Menu Drawer \n\n"</span><span style="color: #333333;">);</span>
intent<span style="color: #333333;">.</span><span style="color: #0000cc;">putExtra</span><span style="color: #333333;">(</span>android<span style="color: #333333;">.</span><span style="color: #0000cc;">content</span><span style="color: #333333;">.</span><span style="color: #0000cc;">Intent</span><span style="color: #333333;">.</span><span style="color: #0000cc;">EXTRA_TEXT</span><span style="color: #333333;">,</span> <span style="background-color: #fff0f0;">"Pada aplikasi ini diterangkan bagaimana cara membuat menu drawable"</span><span style="color: #333333;">);</span>
startActivity<span style="color: #333333;">(</span>intent<span style="color: #333333;">.</span><span style="color: #0000cc;">createChooser</span><span style="color: #333333;">(</span>intent<span style="color: #333333;">,</span> <span style="background-color: #fff0f0;">"Sebarkan Aplikasi Ini Dengan : "</span><span style="color: #333333;">));</span>
<span style="color: #008800; font-weight: bold;">super</span><span style="color: #333333;">.</span><span style="color: #0000cc;">onCreate</span><span style="color: #333333;">(</span>savedInstanceState<span style="color: #333333;">);</span>
<span style="color: #333333;">}</span>
<span style="color: #333333;">}</span>
</pre>
</td></tr>
</tbody></table>
</div>
<br />
Jangan lupa beri Permission internet karena kita harus akses internet dalam aplikasi ini dan minSdkVersion ke 11, agar menu berfungsi di file AndroidManifest.xml<br />
<br />
9. <b>AndroidManifest.xml</b><br />
<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;"> 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</pre>
</td><td><pre style="line-height: 125%; margin: 0;"><span style="color: #557799;"><?xml version="1.0" encoding="utf-8"?></span>
<span style="color: #007700;"><manifest</span> <span style="color: #0000cc;">xmlns:android=</span><span style="background-color: #fff0f0;">"http://schemas.android.com/apk/res/android"</span>
<span style="color: #0000cc;">package=</span><span style="background-color: #fff0f0;">"com.menudrawable"</span>
<span style="color: #0000cc;">android:versionCode=</span><span style="background-color: #fff0f0;">"1"</span>
<span style="color: #0000cc;">android:versionName=</span><span style="background-color: #fff0f0;">"1.0"</span> <span style="color: #007700;">></span>
<span style="color: #007700;"><uses-sdk</span>
<span style="color: #0000cc;">android:minSdkVersion=</span><span style="background-color: #fff0f0;">"11"</span>
<span style="color: #0000cc;">android:targetSdkVersion=</span><span style="background-color: #fff0f0;">"19"</span> <span style="color: #007700;">/></span>
<span style="color: #007700;"><uses-permission</span> <span style="color: #0000cc;">android:name=</span><span style="background-color: #fff0f0;">"android.permission.INTERNET"</span><span style="color: #007700;">/></span>
<span style="color: #007700;"><application</span>
<span style="color: #0000cc;">android:allowBackup=</span><span style="background-color: #fff0f0;">"true"</span>
<span style="color: #0000cc;">android:icon=</span><span style="background-color: #fff0f0;">"@drawable/ic_launcher"</span>
<span style="color: #0000cc;">android:label=</span><span style="background-color: #fff0f0;">"@string/app_name"</span>
<span style="color: #0000cc;">android:theme=</span><span style="background-color: #fff0f0;">"@style/AppTheme"</span> <span style="color: #007700;">></span>
<span style="color: #007700;"><activity</span>
<span style="color: #0000cc;">android:name=</span><span style="background-color: #fff0f0;">".MainActivity"</span>
<span style="color: #0000cc;">android:label=</span><span style="background-color: #fff0f0;">"@string/app_name"</span> <span style="color: #007700;">></span>
<span style="color: #007700;"><intent-filter></span>
<span style="color: #007700;"><action</span> <span style="color: #0000cc;">android:name=</span><span style="background-color: #fff0f0;">"android.intent.action.MAIN"</span> <span style="color: #007700;">/></span>
<span style="color: #007700;"><category</span> <span style="color: #0000cc;">android:name=</span><span style="background-color: #fff0f0;">"android.intent.category.LAUNCHER"</span> <span style="color: #007700;">/></span>
<span style="color: #007700;"></intent-filter></span>
<span style="color: #007700;"></activity></span>
<span style="color: #007700;"></application></span>
<span style="color: #007700;"></manifest></span>
</pre>
</td></tr>
</tbody></table>
</div>
<br />
Pada dasarnya Untuk Menu lainnya dapat dikembangkan dari contoh diatas, untuk source code menu lainnya nanti akan saya lanjutkan di <a href="http://hendrolib.blogspot.co.id/2015/10/tutorial-menu-drawable-menu-samping.html" target="_blank">part 2</a>.<br />
Untuk SourceCode dapat diunduh <a href="https://drive.google.com/open?id=0B_jl7QV-qde6ZUtzZGh6S24tUXc" rel="nofollow">disini</a> </div>
hendrohttp://www.blogger.com/profile/02639412183553064229noreply@blogger.com0tag:blogger.com,1999:blog-8266882674746928036.post-64468769339933920212015-10-07T10:37:00.001+07:002015-10-07T15:33:01.067+07:00My First Post<div dir="ltr" style="text-align: left;" trbidi="on">
Hello world<br />
<br />
<br /></div>
<!-- HTML generated using hilite.me --><div style="background: #ffffff; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><table><tr><td><pre style="margin: 0; line-height: 125%">1
2
3
4
5</pre></td><td><pre style="margin: 0; line-height: 125%"><span style="color: #557799"><?php</span>
<span style="color: #008800; font-weight: bold">echo</span> <span style="background-color: #fff0f0">"Hello World!"</span>;
<span style="color: #557799">?></span>
</pre></td></tr></table></div>
hendrohttp://www.blogger.com/profile/02639412183553064229noreply@blogger.com0