Berita Anda: Android_Studio | Berita dalam dan luar negeri Dengan Multi Bahasa

Home » Penelusuran Android_Studio

Hai sobat Coding Rakitan, sebelumnya sudah pernah di bahas tentang cara membuat menu atas di Android studio di dalam postingan Cara Membuat Menu Atas atau Top Menu Pada Android Studio Pada kesempatan kali ini kita akan membuat menu bawah atau yang lebih kerennya disebut Bottom Navigation. Untuk membuatnya sangat mudah sebab Android Studio sendiri sudah menyediakan widget Bottom Navigation.

Aplikasi yang akan kita buat nantinya akan tampak seperti gambar di bawah ini.

Hal pertama yang harus anda lakukan adalah membuat project baru. Jika anda pemula dan belum tahu cara membuat project baru, silahkan kunjungi postingan Cara Membuat Project Baru di Android Studio. Silahkan anda buat projet baru dengan nama "BottomNavigation", atau silahkan ubah sesuai keinginan anda. Untuk project yang saya buat formatnya seperti berikut :

Empty Activity
Name : BottomNavigation
Package name : codingrakitan.blogspot.com
Language : Java
Minimum API Level : API 17-Android 4.2 (Jelly Bean)

Setelah project baru selesai dibuat dan masuk ke jendela utama. Ikuti langkah-langkah di bawah ini.

1. Import icon kedalam Drawable

Ada beberapa icon yang kita butuhkan disini seperti, home, folder, pesan, dan profile. Caranya klik kanan pada drawable -> New -> Vector Asset

Selanjutnya akan muncul jendela baru, silahkan klik Clip Art -> cari ikon -> klik ok.

Lakukan langkah tersebut untuk mengimport icon-icon lainnya yang dibutuhkan.

2. Buat menu_bawah.xml

Klik kanan pada res -> New -> Android Resource Directory

Setelah muncul jendela baru silahkan ganti Resource type menjadi menu seperti gambar dibawah kemudian klik ok.

Akan muncul directory baru dengan nama menu, klik kanan pada directory tersebut dan pilih New -> file. Buat file dengan nama menu_bawah.xml

Edit file menu_bawah.xml dengan kode seperti dibawah.

<?xml version="1.0" encoding="utf-8"?>
   <menu xmlns:android="http://schemas.android.com/apk/res/android">
        <item
            android:id="@+id/home"
            android:icon="@drawable/ic_home_black_24dp"
            android:title="Home" />
        <item
            android:id="@+id/folder"
            android:icon="@drawable/ic_folder_black_24dp"
            android:title="Folder" />
        <item
            android:id="@+id/profile"
            android:icon="@drawable/ic_account_circle_black_24dp"
            android:title="Profile" />
        <item
            android:id="@+id/pesan"
            android:icon="@drawable/ic_email_black_24dp"
            android:title="Pesan" />
   </menu>

Perlu diperhatikan, nama iconnya silahkan sesuaikan dengan nama icon yang telah dibuat di step 1.

3. Download BottomNavigation.

Silahkan buka file activity_main.xml, kemudian pada bagian palette pilih Containers lalu cari BottomNavigation dan klik ikon download yang ada disampingnya.

Pastikan komputer anda terhubung dengan internet, agar BottomNavigation dapat di download. Tunggu hingga proses download selesai.

4. Edit file activity_main.xml

Selanjutnya edit file activity_main.xml seperti brikut.

5. Edit file MainActivity.java

Pada proses ini kita akan membuat aksi ketika tombol menu diklik maka tulisan akan berganti. Caranya edit file MainActivity.java dengan kode seperti berikut.

package codingrakitan.blogspot.com;

   import android.support.annotation.NonNull;
   import android.support.design.widget.BottomNavigationView;
   import android.support.v7.app.AppCompatActivity;
   import android.os.Bundle;
   import android.view.MenuItem;
   import android.widget.TextView;

   public class MainActivity extends AppCompatActivity implements BottomNavigationView.OnNavigationItemSelectedListener {

        private BottomNavigationView menu_bawah;
        private TextView tulisan;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);

            menu_bawah = findViewById(R.id.menu_bawah);
            tulisan = findViewById(R.id.tulisan);
            menu_bawah.setOnNavigationItemSelectedListener(this);

        }

        @Override
        public boolean onNavigationItemSelected(@NonNull MenuItem menuItem) {
            switch (menuItem.getItemId()){
                case R.id.home:
                    //aksi ketika home di klik
                    tulisan.setText("Tombol home diklik");
                    break;
                case R.id.profile:
                    //aksi ketika profile di klik
                    tulisan.setText("Tombol profile diklik");
                    break;
                case R.id.folder:
                    //aksi ketika folder di klik
                    tulisan.setText("Tombol folder diklik");
                    break;
                case R.id.pesan:
                    //aksi ketika pesan di klik
                    tulisan.setText("Tombol pesan diklik");
                    break;
            }
            return true;
        }
   }

6. Testing aplikasi

Silahkan uji coba atau test aplikasi menggunakan emulator atau langsung ke device android anda. Jika berhasil maka akan tampak seperti berikut.

Aziz Blogger October 03, 2019 Admin Bandung Indonesia

Membuat Menu bawah atau Bottom Navigation di Android Studio

Hai sobat Coding Rakitan, sebelumnya sudah pernah di bahas tentang cara membuat menu atas di Android studio di dalam postingan Cara Membuat Menu Atas...

Kali ini kita akan membuat sambungan dari postingan sebelumnya Membuat Aplikasi Android : Browser Internet Layaknya Opera Mini Menggunakan Android Studio Part 2.

Dimana pada postingan tersebut aplikasi sudah memiliki tampilan home, menu atas, dan halaman web. Kita juga sudah menambahkan progres bar ketika halaman di muat.

Pada postingan kali ini kita akan membuat splash screen yang akan muncul ketika aplikasi dibuka. Dari postingan ini aplikasi yang kita buat hasilnya akan tampak seperti dibawah ini.

Splash Screen

Pertama-tama silahkan design logo yang akan anda tampilkan pada Splash Screen nantinya disini saya menggunakan Adobe Photoshop untuk membuat logo. Setelah selesai di Buat silahkan eksport menjadi sebuah file dengan extensi .png.

Extensi .png dipilih karena kita butuh gambar yang backgroundnya transparan. Silahkan copi gambar tadi kedalam folder drawable project teman-teman. Bagi yang belum tahu caranya silahkan lihat instruksi gambar.

Sekarang lanjut untuk membuat sebuah activity baru dengan nama SplashScreen. Cara buatnya tinggal klik kanan pada folder java >> nama folder file java anda (disini nama folder saya "com.codingrakitan.browserku") >> New >> Activity >> Empty Activity. Lihat gambar untuk detailnya.

Beri nama activity baru ini dengan "SplashScreen" seperti gambar dibawah ini :

Nanti akan terdapat 2 file baru yaitu SplashScreen.java di folder java dan activity_splash_screen.xml di folder layout.

Silahkan isi kedua file tersebut dengan kode dibawah ini.

activity_splash_screen.xml

Ingat dalam kasus ini kita menggunakan gambar logo yang telah saya buat pada photoshop silahkan anda kreasikan dengan logo anda, untuk merubah logo ada pada kode "app:srcCompat="@drawable/logo"" ubah sesuai nama logo anda.

Perlu diketahui usahakan logo yang dibuat jangan terlalu besar ukuran pixelnya, karena dalam kasus saya sempat terjadi error ketika di run pada emulator nox android v.4.4.2 dikarenakan ukuran logo yang terlalu besar.

SplashScreen.java

package com.codingrakitan.browserku;

import android.content.Intent;
import android.os.Handler;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Window;

public class SplashScreen extends AppCompatActivity {

private int waktu_delay=2000;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.requestWindowFeature(Window.FEATURE_NO_TITLE);
getSupportActionBar().hide();
setContentView(R.layout.activity_splash_screen);

Handler handler =new Handler();
handler.postDelayed(new Runnable() {
@Override
public void run() {
startActivity(new Intent(getApplicationContext(), MainActivity.class));
finish();
}
}, waktu_delay);
}
}

Pada kode di atas anda bisa mengatur berapa lama waktu delay yang dibutuhkan untuk menampilkan SplashScreen sebelum akhirnya masuk ke MainActivity. Silahkan atur pada kode "private int waktu_delay=2000;", angka 2000 menandakan waktu 2 detik atau secon. Silahkan rubah sesuai keinginan anda

Agar dapat mengeksekusi SplashScreen.java pertama kali sebelum masuk ke MainActivity.java maka kita harus melakukan perubahan pada AndroidManifest.xml, Silahkan rubah menjadi seperti berikut

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.codingrakitan.browserku">

<uses-permission android:name="android.permission.INTERNET" />

<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=".MainActivity"></activity>
<activity android:name=".SplashScreen">
<intent-filter>
<action android:name="android.intent.action.MAIN" />

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

</manifest>

Jangan lupa untuk menambahkan warna baru pada color.xml sebab terdapat color baru yang kita panggil ke activity_splash_screen.xml nama dan kode warnanya adalah "#C0C0C0".

color.xml

Folder values >> color.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="colorPrimary">#008577</color>
<color name="colorPrimaryDark">#00574B</color>
<color name="colorAccent">#D81B60</color>
<color name="bc_splash">#C0C0C0</color>
</resources>

Untuk kode lainnya seperti MainActivity.java dan activity_main.xml untuk kali ini tidak dirubah sebab kita hanya menambahkan splash screen menggunakan activity baru.

Silahkan run aplikasi yang telah dibuat dan lihat hasilnya.

Lanjutkan ke Membuat Aplikasi Android : Browser Internet Layaknya Opera Mini Menggunakan Android Studio Part 4 (segera). Aziz Blogger July 22, 2019 Admin Bandung Indonesia

Membuat Aplikasi Android : Browser Internet Layaknya Opera Mini Menggunakan Android Studio Part 3

Kali ini kita akan membuat sambungan dari postingan sebelumnya Membuat Aplikasi Android : Browser Internet Layaknya Opera Mini Menggunakan Android Studio...

Facebook merupakan salah satu sosial media paling banyak digunakan di Indonesia. Facebook kini memiliki aplikasi mobile yang diberi nama facebook lite, aplikasi ini dikhususkan untuk pengguna yang menginginkan performa cepat dengan ukuran ringan.

Pada postingan kali ini saya ingin membagikan desain tampilan login dari Facebook lite yang telah saya buat. Berikut bentuk tampilan yang telah saya buat :

Untuk membuat tampilan seperti di atas anda hanya perlu mengedit layout teman-teman dengan kode seperti berikut :

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/biru"
android:gravity="center"
android:orientation="vertical"
android:padding="10dp">

<TextView
android:id="@+id/textView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Coding Rakitan"
android:textColor="@android:color/white" />

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="10dp"
android:orientation="vertical">

<TextView
android:id="@+id/textView2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="@android:color/black"
android:text="Nomor Ponsel atau Email" />

<EditText
android:id="@+id/editText"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="20dp"
android:background="@android:drawable/editbox_background"
android:ems="10"
android:padding="10dp"
android:inputType="textPersonName"
android:text="" />

<TextView
android:id="@+id/textView3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="@android:color/black"
android:text="Kata Sandi" />

<EditText
android:id="@+id/editText2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="20dp"
android:background="@android:drawable/editbox_background"
android:ems="10"
android:padding="10dp"
android:inputType="textPassword" />

<Button
android:id="@+id/button"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/biru_button"
android:textColor="@android:color/white"
android:text="Masuk" />

<TextView
android:id="@+id/textView4"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:textColor="@color/biru_button"
android:text="Lupa kata sandi Anda ?" />
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/abu_abu"
android:orientation="vertical">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_weight="1"
android:padding="10dp">

<TextView
android:id="@+id/textView5"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="atau" />

<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginTop="10dp"
android:layout_marginBottom="25dp"
android:background="@color/hijau"
android:padding="10dp"
android:text="Buat Akun Baru"
android:textColor="@android:color/white" />

<TextView
android:id="@+id/textView6"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="10dp"
android:paddingLeft="5dp"
android:text="Bahasa Indonesia" />

<TextView
android:id="@+id/textView7"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="10dp"
android:paddingLeft="5dp"
android:text="Bahasa Jawa"
android:textColor="@color/biru_button" />

<TextView
android:id="@+id/textView8"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="10dp"
android:paddingLeft="5dp"
android:text="English"
android:textColor="@color/biru_button" />

<TextView
android:id="@+id/textView9"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="10dp"
android:text="Bahasa Lainnya"
android:textColor="@color/biru_button" />

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="10dp"
android:background="@color/biru"
android:layout_gravity="bottom"
android:orientation="horizontal">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="left"
android:orientation="vertical">

<TextView
android:id="@+id/textView10"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Bantuan"
android:textColor="@android:color/white" />
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="right"
android:orientation="vertical">

<TextView
android:id="@+id/textView11"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="right"
android:text="Keluar"
android:textColor="@android:color/white" />
</LinearLayout>
</LinearLayout>
</LinearLayout>

</LinearLayout>

</RelativeLayout>

Sekian untuk postingan kali ini semoga bermanfaat.

Aziz Blogger June 29, 2019 Admin Bandung Indonesia

Cara Membuat Tampilan Login Seperti Facebook Lite di Android Studio

Facebook merupakan salah satu sosial media paling banyak digunakan di Indonesia. Facebook kini memiliki aplikasi mobile yang diberi nama facebook lite,...

USB Debug diperlukan ketika developer atau pengembang ingin menjadikan HP smartphone sebagai media uji coba aplikasi yang sedang dibuat. Hanya dengan mengaktifkan fitur ini kemudian menyambungkan kabel USB ke pc atau laptop, teman-teman sudah bisa build aplikasi langsung kedalam smartphone teman-teman. Permasalahan yang biasa di hadapi adalah letak menu USB Debug ini yang tidak banyak diketahui. Untuk itu kali ini saya akan berbagi sebuah tutorial membuat sebuah aplikasi untuk membuka USB Debug menggunakan bantuan aplikasi Android Studio.

Langsung saja langkah pertama silahkan buka aplikasi Android Studio teman-teman dan buat project baru dengan nama "USB Debug". Berikut konfigurasi pada project baru yang saya buat :

Chose your project : Empty Activity
Name : USB Debug
Package Name : com.codingrakitan.usbdebug
Minimum API Level : API 17

Setelah project baru selesai dibuat sekarang saatnya teman-teman melakukan proses ngoding pada file "MainActivity.java" serta "activity_main.xml".

MainActivity.java

package com.codingrakitan.usbdebug;

import android.annotation.SuppressLint;
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {

Button open;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
open = findViewById(R.id.open);
open.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
openUsbDebug();
}
});

}

@SuppressLint("WrongConstant")
private void openUsbDebug() {
Intent intent = new Intent();
intent.setFlags(536870912);
try {
intent.setAction("com.android.settings.APPLICATION_DEVELOPMENT_SETTINGS");
startActivity(intent);
}catch (Exception e){
try {
intent.setAction("android.settings.APPLICATION_DEVELOPMENT_SETTINGS");
startActivity(intent);
}catch (Exception ex){
try {
intent.setAction("Settings.ACTION_APPLICATION_SETTINGS");
startActivity(intent);
}catch (Exception exx){
try {
intent.setAction("android.provider.settings.APPLICATION_DEVELOPMENT_SETTINGS");
startActivity(intent);
} catch (Exception i) {
Log.d("allfailed", "all failed to launch");
}
}
}
}
finish();
}
}

activity_main.xml

Copi dan pastekan kode diatas didalam file project teman-teman. Setelah itu silahkan run menggunakan emulator dengan minimum api 17 atau android versi 4.2. Silahkan lihat hasilnya, selamat mencoba.

Aziz Blogger June 28, 2019 Admin Bandung Indonesia

Membuat Aplikasi untuk Membuka USB Debug Menggunakan Android Studio

USB Debug diperlukan ketika developer atau pengembang ingin menjadikan HP smartphone sebagai media uji coba aplikasi yang sedang dibuat. Hanya dengan...

Pernahkah sobat mendapati ada aplikasi yang ketika kita tarik layar kebawah maka akan muncul widget refresh seperti gambar di bawah ini. Jika sobat tertarik untuk membuat aplikasi dengan tambahan fitur tersebut teman-teman bisa mengikuti tutorial yang akan saya berikan.

Pertama tama silahkan buat sebuah project baru dengan nama "SwipeRefresh" atau anda ganti sesuai dengan keinginan anda. Detail lainnya seperti berikut :

Empty Activity
Language Java
Minimum API Level : API 17

Setelah selesai membuat prohect baru silahkan edit file "MainActivity.java" serta "activity_main.xml" seperti di bawah :

1. activity_main.xml

<android.support.v4.widget.SwipeRefreshLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/swipe"
android:layout_width="match_parent"
android:layout_height="wrap_content">



</android.support.v4.widget.SwipeRefreshLayout>

Pada koment anda bisa memasukkan wdget ataupun layout sesuai keinginan anda.

2. MainActivity.java

public class MainActivity extends AppCompatActivity implements SwipeRefreshLayout.OnRefreshListener {

SwipeRefreshLayout swipeRefreshLayout;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

swipeRefreshLayout = findViewById(R.id.swipe);

swipeRefreshLayout.setOnRefreshListener(this);

swipeRefreshLayout.post(new Runnable() {
@Override
public void run() {
swipeRefreshLayout.setRefreshing(true);
aksiRefresh();
}
});
}

@Override
public void onRefresh() {
swipeRefreshLayout.setRefreshing(true);
aksiRefresh();
}

private void aksiRefresh() {

swipeRefreshLayout.setRefreshing(false);
}
}

Pada method aksiRefresh() silahkan anda masukkan kode anda yang akan dijalankan apabila refresh dilakukan. Jangan lupa di akhir aksi refresh harus ada "swipeRefreshLayout.setRefreshing(false);" sehingga ketika aksi selesai maka swipe refresh akan otomatis tersembunyi atau hilang di layar.

Aziz Blogger June 27, 2019 Admin Bandung Indonesia

Cara Membuat Swipe Refresh di Android Studio

Pernahkah sobat mendapati ada aplikasi yang ketika kita tarik layar kebawah maka akan muncul widget refresh seperti gambar di bawah ini. Jika sobat tertarik...

Pages 5 of 7 First Prev 3 456 7 Next