sallykartikaa.files.wordpress.com · Web viewpemrograman piranti bergerak. laporan resmi. menu “ option menu ” dosen : muhammad robihul mufid, s.st. oleh : sally kartika sari.

PEMROGRAMAN PIRANTI BERGERAKLAPORAN RESMI

MENU “OPTION MENU”

DOSEN :MUHAMMAD ROBIHUL MUFID, S.ST

OLEH :SALLY KARTIKA SARI

2 TEKNIK INFORMATIKA-A

TEKNIK INFORMATIKAAKADEMI KOMUNITAS NEGERI LAMONGAN

PROGRAM STUDI DI LUAR DOMISILI KABUPATEN LAMONGANPOLITEKNIK ELEKTRONIKA NEGERI SURABAYA

2019

Membuat Option Menu dengan Android StudioSaya membuat option menu dengan menambahkan haaman instagram, twitter, camera

dan facebook.1. Buka aplikasi Android Studio.

2. Membuat project baru.Klik Start a new Android Studio Project

3. Memilih project Pilih Phone and Tablet – Empty Activity – Next

4. Mengkonfigurasi projectIsi kolom Name, Save Location, Minimum API Level kemudian Next

5. Gradle syncTunggu proses gradle snyc sampai selesai dan bertanda centang semua.

6. Activity_main.xml<?xml version="1.0" encoding="utf-8"?><androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" android:background="@drawable/img">

<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello World!" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

Menambahkan background pada layout, kita harus menambahkan gambar terlebih dahuluKlik kanan drawable, kemudian copy paste gambar.

Kemudian pada layout tambahkan android:background="@drawable/img img adalah nama gambarnya (sesuaikan dengan nama gambar yang telah anda tambahkan)

7. Membuat directory baru dalam “res” yang akan digunakan untuk meletakkan music yang akan diputar. Caranya :

Klik kanan res – New – Directory

Kemudian muncul pop up menambahkan nama baru dan isi nama directorynya dengan “menu”

8. Membuat Layout OptionMenuKlik kana pada direktori menu yang sudah dibuat > New > Menu Resource File

Isikan file name dengan optionmenu > Finish

Jika sudah silahkan tambahkan kode-kode dibawah ini pada optionmenu.xml

<?xml version="1.0" encoding="utf-8"?><menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <item android:id="@+id/camera" android:enabled="true" android:visible="true" app:showAsAction="never" android:title="camera" /> <item android:id="@+id/instagram" android:enabled="true" android:visible="true" app:showAsAction="never" android:title="instagram" /> <item android:id="@+id/facebook" android:enabled="true" android:visible="true" app:showAsAction="never" android:title="facebook" /> <item android:id="@+id/youtube" android:enabled="true" android:visible="true" app:showAsAction="never" android:title="youtube" /> <item android:id="@+id/twitter" android:enabled="true" android:visible="true"

app:showAsAction="never" android:title="twitter" />

<item android:id="@+id/about" android:title="About" app:showAsAction="never"/>

<item android:id="@+id/setting" android:title="Setting" app:showAsAction="never" />

<item android:id="@+id/help" android:title="Help" app:showAsAction="never"/>

</menu>Penjelasan : Tag menu digunakan untuk menampilkan menu, di dalamnya terdapat <item> yang

digunakan untuk menambahkan option menu. app:showaction digunakan untuk mengatur apakah menu di tampilkan pada action

bar atau tidak. Never digunakan untuk menampilkan menu ke bawah, Always digunakan untuk menampilkan menu pada action bar, sedangkan ifroom digunakan untuk menampilkan menu ketika ada space kosong pada action bar.

9. Membuat 3 Activity baruKetika option menu di tekan maka akan memunculkan 3 pilihan menu, yaitu: About,

Setting, dan Help.  Sekarang buat 3 activity menu diatas dengan cara klik kanan pada nama

package yang ada di folder java > New > Pilih Activity > Empty Activity 

Isikan activity name dengan nama HelpActivity, AboutActivity, dan SettingActivity.

Jika 3 activity baru sudah dibuat susunan folder project android option menu yang kita buat seharusnya seperti gambar dibawah ini.

10. MainActivity.javaTambahkan kode-kode berikut ini dibawah nama package pada MainActivity.java. 

package com.example.optionmenusally;import android.content.Intent;

import android.net.Uri;import android.os.Bundle;import android.view.Menu;import android.view.MenuInflater;import android.view.MenuItem;import android.widget.Toast;import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); }

@Override public boolean onCreateOptionsMenu(Menu menu) { MenuInflater inflater = getMenuInflater(); inflater.inflate(R.menu.optionmenu, menu); return true; }

public boolean onOptionsItemSelected(MenuItem item) { if (item.getItemId()==R.id.about){ startActivity(new Intent(this, AboutActivity.class)); } else if (item.getItemId() == R.id.setting) { startActivity(new Intent(this, SettingActivity.class)); } else if (item.getItemId() == R.id.help) { startActivity(new Intent(this, HelpActivity.class)); } else if(item.getItemId() == R.id.instagram){ Intent browserIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("https://instagram.com")); startActivity(browserIntent); return true; } else if(item.getItemId()== R.id.facebook) { Intent fbIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("https://facebook.com")); startActivity(fbIntent); return true; } else if (item.getItemId()== R.id.youtube) { Intent ytIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("https://youtube.com")); startActivity(ytIntent); return true; } else if(item.getItemId()== R.id.twitter) { Intent twIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("https://twitter.com")); startActivity(twIntent); return true; } else if(item.getItemId()== R.id.camera) { Intent cIntent = new Intent("android.media.action.IMAGE_CAPTURE"); startActivity(cIntent); return true; } return true;

}}

penjelasan :

MenuInflater berfungsi untuk menampilkan menu yang sudah dibuat pada optionmenu.xml.

OptionItemSelected berfungsi untuk memberikan perintah ke setiap menu getItemId berfungsi mendapatkan id dari item yang dibuat pada optionmenu.xml

ketika di klik akan menampilkan activity yang dituju menggunakan intent.

11. AndroidManifest.xmlPastikan file AndroidManifest.xml menjadi seperti dibawah ini.<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.optionmenusally">

<application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".SettingActivity"></activity> <activity android:name=".AboutActivity" /> <activity android:name=".HelpActivity" /> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application>

</manifest>

Untuk mengganti icon, kita harus enambahkan gambar terlebih dahuluKlik kanan drawable, kemudian copy paste gambar.

kita bisa merubah pada android:icon="@mipmap/ic_launcher"

Menjadi android:icon="@drawable/mi". @drawable/mi adalah nama folder dan nama gambarnya (sesuaikan dengan nama gambar anda)

12. Kemudian sambungkan HP android Anda menggunakan kabel USB dan aktifkan opsi debugging

13. Cek apakah HP sudah terhubung ke android studio, jika sudah tehubung maka llik tombol di sampingnya, yaitu tombol RUN

14. Tunggu proses build output selesai

Kemudian, terdapat pemberitahuan installasi successfully seperti di bawah ini

15. Cek pada HP Anda, aplikasi telah terinstal

16. Buka dan jalankan aplikasi tersebut Layar utama

Option menu

Ketika diklik activity about

Ketika diklik facebook

Akan muncul ke laman facebook

Ketika diklik instagramAkan muncul ke aplikasi instagram

Dan lainnya.

17. Selesai😊

DAFTAR PUSTAKA

https://badoystudio.com/membuat-option-menu-di-android/