Cara Buat Sandi/Kunci Pola Aplikasi Menggunakan Android Studio

Selamat datang di blog Baru Berbagi tempatnya code gratis untuk belajar. Source code kali ini yang akan dibagikan adalah cara membuat sandi/pola kunci dengan menggunakan patternlockview yang mungkin bermanfaat untuk melindungi aplikasi dari tangan jail orang – orang yang bermaksut jahat ataupun sekedar hanya ingin mengintip. 

Oke langsung saja kita buka IDE kesanyangan kita yaitu android studio dan ikuti langkah - langkah berikut ini. 

1. Buat project baru dengan menggunakan Layout Empty Activity lalu beri nama “LockView” tanpa tanda petik dua dan gunakanlah bahasa java dengan API 19 lalu click Finish atau lihat contoh seperti gambar dibawah ini.

2.  Buka build.gradle(Module: app) tambahkan  liblary dibawah ini di dalam dependencies.

implementation 'io.paperdb:paperdb:2.6' implementation 'com.andrognito.patternlockview:patternlockview:1.0.0'

3. Singkronkan proyek anda dengan cara meng click Sync Now di pojok kanan atas

4.  Buka AndroidManifest.xml ubah theme menjadi FullSreen seperti dibawah ini.

android:theme="@style/FullSreen">

5. Buatlah Layout xml dengan cara Click kanan folder Layout pilih New Click Layout resource file lalu beri nama pattern_screen dan tambahkan code ini.

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:background="#000000" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <com.andrognito.patternlockview.PatternLockView android:id="@+id/pattern__lock_view" android:layout_width="match_parent" android:layout_height="match_parent"/> </LinearLayout>

6. Langkah berikutnya buka activity_main.xml dan tambahkan code di bawah ini.

<?xml version="1.0" encoding="utf-8"?> <LinearLayout 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" android:orientation="vertical" tools:context=".MainActivity"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Buat Pola Sandi" android:textSize="24sp" android:layout_gravity="center_horizontal"/> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:background="#333639"> <com.andrognito.patternlockview.PatternLockView android:id="@+id/pattern__lock_view" android:layout_width="match_parent" android:layout_height="300dp"/> </LinearLayout> <Button android:id="@+id/btnSetPattern" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Simpan Pola Sandi"/> </LinearLayout>

7. Dan buka MainActivity.java lalu tambahkan code berikut.

package com.baruberbagi.lockview; import androidx.appcompat.app.AppCompatActivity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.Toast; import com.andrognito.patternlockview.PatternLockView; import com.andrognito.patternlockview.listener.PatternLockViewListener; import com.andrognito.patternlockview.utils.PatternLockUtils; import java.util.List; import io.paperdb.Paper; public class MainActivity extends AppCompatActivity { String save_pattern_key = "pattern_code"; String final_pattern = ""; PatternLockView mPatternLockView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Paper.init(this); final String save_pattern = Paper.book().read(save_pattern_key); if(save_pattern != null && !save_pattern.equals("null")) { setContentView(R.layout.pattern_screen); mPatternLockView = (PatternLockView)findViewById(R.id.pattern__lock_view); mPatternLockView.addPatternLockListener(new PatternLockViewListener() { @Override public void onStarted() { } @Override public void onProgress(List<PatternLockView.Dot> progressPattern) { } @Override public void onComplete(List<PatternLockView.Dot> pattern) { final_pattern = PatternLockUtils.patternToString(mPatternLockView,pattern); if (final_pattern.equals(save_pattern)) { Intent intent = new Intent(getApplicationContext(),HomeActivity.class); startActivity(intent); Toast.makeText(MainActivity.this, "Password correct!", Toast.LENGTH_SHORT).show(); finish(); } else { Toast.makeText(MainActivity.this, "Password incorrect!", Toast.LENGTH_SHORT).show(); } } @Override public void onCleared() { } }); } else { setContentView(R.layout.activity_main); mPatternLockView = (PatternLockView)findViewById(R.id.pattern__lock_view); mPatternLockView.addPatternLockListener(new PatternLockViewListener() { @Override public void onStarted() { } @Override public void onProgress(List<PatternLockView.Dot> progressPattern) { } @Override public void onComplete(List<PatternLockView.Dot> pattern) { final_pattern = PatternLockUtils.patternToString(mPatternLockView,pattern); } @Override public void onCleared() { } }); Button btnSetup = (Button)findViewById(R.id.btnSetPattern); btnSetup.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Paper.book().write(save_pattern_key,final_pattern); Toast.makeText(MainActivity.this, "Save Pattern okay!!!", Toast.LENGTH_SHORT).show(); finish(); } }); } } }

8. Buatlah Activity dengan nama activity_home.xml dan HomeActivity.java dengan cara click kanan folder layout > New > activity lalu click Empty Activity.

9. Tambah kan kode berikut di activity_home.xml.

<?xml version="1.0" encoding="utf-8"?> <LinearLayout 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" android:orientation="vertical" tools:context=".HomeActivity"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" android:text="Anda Berhasil Semoga Sukses " android:textColor="@color/colorPrimaryDark" android:textSize="25dp" android:layout_marginTop="100sp"/> </LinearLayout>

10. Untuk HomeActivity.java tidak usah di otak atik.

11. Buka folder values lalu tambahkan code ini di styles.xml.

<resources> <!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> </style> <style name="FullSreen" parent="AppTheme"> <item name="windowNoTitle">true</item> <item name="windowActionBar">false</item> <item name="android:windowFullscreen">true</item> <item name="android:windowContentOverlay">@null</item> </style> </resources>

Cara kerja aplikasinya yaitu apabila anda membuka aplikasi dan membuat  pola sandi  lalu anda menekan button untuk menyimpan pola sandi maka pola sandi akan tersimpan dan aplikasi otomatis akan keluar dan anda masuk lagi untuk mencoba pola sandi yang sudah berhasil disimpan atau hasilnya kalian bisa lihat pada cuplikan video dibawah ini.

 Kalau bermanfaat jangan lupa di share keteman temannya terima kasih….

Tweet

Subscribe to receive free email updates: