Membuat Popup Menu Di Android

Membuat Popup Menu Di Android

By Unknown   00.08   Tidak ada komentar:

Assalamualaikum. Disini saya akan share tenteng Popup
Popup menu adalah list yang muncul ketika button di klik, setelah di klik muncul menu-menu yang anda dapat pilih . langsung saja contoh aplikasi nya

buka file xml nya dan ketik kode berikut :




Kemudian pada MainActivity





Pada baris ke 34 ada fungsi buat manggil folder menu.
yaitu di menuPopup.inflate(R.menu.menu_main);

berarti kita harus bikin kode di file menu.
buka folder menu yang berada didalam folder res

menu_main.xml


Jika berhasil akan seperti gambar berikut

Ketika tombol POPUP di klik

Read More

Mengirim Data Dari Activity Satu ke Activity Lain

Mengirim Data Dari Activity Satu ke Activity Lain

By Unknown   18.25   Tidak ada komentar:

Pada tutorial kali ini saya akan share cara mengirim nilai dari activity satu ke activity yang lainnya, pada contoh yang sederhana biasanya  kalo kita daftar mahasiswa baru di web,  siswa atau yang lainnya itu kan kita ngisi form dulu lalu dikirim,
disini saya akan membuat yang sangat sederhana , belum menggunakan database,tapi menggunakan intent. Di tampilan 1 untuk ngisi form nya , dan di tampilan ke 2 hasil dari inputan ke 1.

pertama buka android studio

Buat project baru caranya klik File > new > New Project > kasih nama NgirimData

lalu ketikan kode java dan xml nya untuk isian form

NgirimData.class

Terus ketik kode xml nya


activity_ngirim_data.xml

Sekarang ketik kode java dan xml nya untuk hasil dari isian form 1.

HasilKirim.java

Ini xml nya 

activity_hasil_kirim.xml





kalo berhasil ini tampilannya

Read More

Spinner Di Android

Spinner Di Android

By Unknown   07.34   Tidak ada komentar:

Assalamualaikum. Disini saya akan sharing tentang spinner

Spinner adalah salah satu widget yang ada di android yang fungsi nya untuk menampilkan daftar-daftar(List) dalam bentuk drop-down dan user dapat memilihnya

Berikut langkah-langkah membuat nya:

1. Buka Android Studio nya, lalu buka xml nya dan ketikan di xml nya seperti berikut :

2. Setelah itu  ketik kode berikut di folder menu, 

3. Kalau yang belum ada folder menu, caranya klik kanan di folder java > new > Android resource file > tulis File name nya, dan pilih Menu di resource type

4. Lalu Copykan kode java berikut

package com.example.farid.ima;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.TextView;

public class ListVieew extends AppCompatActivity implements AdapterView.OnItemSelectedListener {

    TextView tekspilih;
    private Spinner sp_negara;
    private String[] list = {"-Pilih Negara-","Indonesia","Singapura","Malaysia","Brunei","Thailand" };

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

        tekspilih = (TextView)findViewById(R.id.textview);

        sp_negara = (Spinner)findViewById(R.id.spiner);
        sp_negara.setOnItemSelectedListener(this);

        ArrayAdapter adapter = new ArrayAdapter(this, android.R.layout.simple_spinner_item, list);

        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        sp_negara.setAdapter(adapter);

    }


    @Override    public void onItemSelected(AdapterView<?> adapterView, View view, int i, long l) {
    tekspilih.setText(list[i]);
    }

    @Override    public void onNothingSelected(AdapterView<?> adapterView) {
tekspilih.setText("");
    }
}

5. kalo berhail ini hasilnya

terimakasih :)

Read More

Belajar Membuat Alert Dialog di Android

Belajar Membuat Alert Dialog di Android

By Unknown   03.00   Tidak ada komentar:

kali ini saya akan berbagi tutorial belajar Android, mengenai fungsi Alert Dialog.  Seperti yang kalian ketahui, Alert Dialog merupakan salah satu komponen yang paling penting dan mendasar pada Aplikasi Android. Yang berfungsi untuk memberi tanda/peringatan ke pengguna, dan menerima konfirmasi atas aksi button dari si pengguna Aplikasi.

Disini saya akan memberikan contoh Alert Dialog dengan satu tombol dan dua tombol

Pertama buat file xml di android studio

Berikut kode nya :

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    android:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context="com.example.farid.ima.Alertnya">




<!-- ini xml untuk satu button

    <Button

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="belajar dialog"

        android:id="@+id/belajardialog"/>

-->

<!--

ini untuk 2 button

    <Button

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="dua dialog"

        android:id="@+id/duadialog"/>

-->

</LinearLayout>

Ini untuk Kode java nya 

package com.example.farid.ima;




import android.content.Context;

import android.content.DialogInterface;

import android.support.v7.app.AlertDialog;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

import android.widget.Toast;




public class Alertnya extends AppCompatActivity {




    private Button satu, dua;

    Context context = this;




    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_alertnya);




        satu = (Button) findViewById(R.id.belajardialog);

        satu.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View view) {

                AlertDialog.Builder build = new AlertDialog.Builder(context);

                build.setTitle("Disini judul");

                build.setMessage("disini Pesan");

                build.setPositiveButton("Close", new DialogInterface.OnClickListener() {

                    @Override

                    public void onClick(DialogInterface dialogInterface, int i) {




                    }

                }).show();

            }

        });




        dua = (Button)findViewById(R.id.duadialog);

        dua.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View view) {

                AlertDialog.Builder buildnya = new AlertDialog.Builder(context);

                buildnya.setTitle("Pesan");

                buildnya.setMessage("Yakin ingin menghapus data ini ?");

                buildnya.setIcon(R.drawable.kampung);




                buildnya.setPositiveButton("Ya", new DialogInterface.OnClickListener() {

                    @Override

                    public void onClick(DialogInterface dialogInterface, int i) {

                        Toast.makeText(Alertnya.this, "Berhasil Dihapus", Toast.LENGTH_SHORT).show();

                    }

                });




                buildnya.setNegativeButton("Tidak", new DialogInterface.OnClickListener() {

                    @Override

                    public void onClick(DialogInterface dialogInterface, int i) {




                    }

                });

                buildnya.show();

            }

        });







    }

}


Dan ini hasilnya

Read More

Belajar FrameLayout Di Android

Belajar FrameLayout Di Android

By Unknown   07.15   Tidak ada komentar:

FrameLAyout adalah salah satu jenis layout di android, yang dapat menempatkan item lebih dari satu secara default .

FrameLayout akan menampilkan secara tumpang tindih. misalnya kita membuat widget TextView dengan warna kuning, diatasnya kita buat lagi warna biru, merah, lalu button.

Untuk lebih jelasnya saya akan kasih contoh penerapan FrameLayout

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_height="match_parent"    android:layout_width="match_parent"    android:padding="16dp"    android:orientation="vertical">


    <TextView        android:background="#e1e146"        android:id="@+id/textView1"        android:layout_height="match_parent"        android:layout_width="match_parent"        />


    <TextView        android:background="#5570e4"        android:id="@+id/textView2"        android:layout_height="match_parent"        android:layout_width="match_parent"        android:layout_margin="30dp"/>

    <TextView        android:background="#e14d40"        android:id="@+id/textView3"        android:layout_height="match_parent"        android:layout_width="match_parent"        android:layout_margin="60dp"/>

    <Button        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:gravity="center"        android:text="Contoh"        android:textSize="20dp"        android:textColor="#FF5A615A"        android:background="#31c131"        android:layout_gravity="center"/>

</FrameLayout>

Dan ini hasilnya

Read More

Belajar Android Mengenal Layout

Belajar Android Mengenal Layout

By Unknown   18.04   1 komentar:

Di android, layout memang  sangat penting untuk user interface, ada beberapa macam macam layout pada android, yaitu LinearLayout, RelativeLayout , FrameLAyout, ScrollViewLayout dan sebagainya. Layout di android berjenis .xml .

Disini akan memberikan contoh penggunaan LinearLayout, RelativeLayout dan ScrollViewLayout.

LinearLayout memiliki 2 jenis yaitu vertikal dan horizontal, dan untuk peletakan layout di android studio berada di folder res > layout > nama file xml nya seperti di gambar 

RelativeLayout.

Jika LinearLayout diposisikan sejajar vertikal dan horizontal, berbeda dengan relativelayout yang bisa diposisikan dimana saja .

berikut ini kode nya :

<?xml version="1.0" encoding="utf-8"?>

<ScrollView    android:padding="16dp"    

xmlns:android="http://schemas.android.com/apk/res/android"    

xmlns:tools="http://schemas.android.com/tools"    

android:id="@+id/scrollid"    

android:scrollbars="none"    

android:layout_width="match_parent"    

android:layout_height="match_parent"    

tools:context="com.example.farid.ima.MainActivity"    

android:orientation="vertical">


<LinearLayout        

android:layout_width="match_parent"        

android:id="@+id/linearparent"        

android:orientation="vertical"        

android:layout_height="match_parent">

<LinearLayout        

android:id="@+id/linearchild"        

android:layout_width="wrap_content"        

android:layout_height="wrap_content"        

android:orientation="vertical">

<ImageView           

android:layout_width="wrap_content"            

android:layout_height="200dp"            

android:scaleType="centerCrop"            

android:layout_marginBottom="20dp"            

android:src="@drawable/kampung"/>

<TextView            

android:layout_width="wrap_content"           

android:id="@+id/textview"            

android:text="@string/textview"            

android:layout_height="wrap_content" />

</LinearLayout>



<RelativeLayout            

android:layout_width="wrap_content"            

android:layout_height="wrap_content"           >

<Button                

android:layout_width="wrap_content"                

android:layout_height="wrap_content"                

android:text="Button1"                

android:id="@+id/button1"                

android:layout_alignParentTop="true"                

android:layout_alignParentLeft="true"/>

<Button                

android:layout_width="wrap_content"                

android:layout_height="wrap_content"                

android:text="Button 2"                

android:id="@+id/button2"               

android:layout_alignParentRight="true"/>

<Button                

android:layout_width="match_parent"                

android:layout_height="wrap_content"                

android:paddingTop="10dp"                

android:text="Button3"                

android:layout_below="@+id/button1"/>

 </RelativeLayout>

</LinearLayout>

</ScrollView>

Untuk TextView yang ini

 <TextView            

android:layout_width="wrap_content"           

android:id="@+id/textview"   

android:text="@string/textview"            

android:layout_height="wrap_content" />

 diambil dari folder res > values > strings.xml 

Dan ini hasilnya 

Read More

UI = UX ?

UI = UX ?

By Unknown   20.18   Tidak ada komentar:

UI dan UX 

itu berarti mengenai design , sebelum masuk ke materi, di kehidupan sehari hari pasti ada yang berhubungan design , entah itu rumah, baju, kamar tidur, sampai ke aplikasi.

design ini sangat penting sekali kalo menurut saya, dan ada kutipan sedikit yaitu "A bad design can be dangerous for humans. "

Gak percaya ? coba tonton video ini kalo  kuota nya banyak 

Apa yang anda lihat  ?

dan kenapa terjadi ?

Itu karena design nya jelek, UI nya jelek, dia gak tau itu harus di push atau di pull, nah kalo lagi situasi darurat itu mana sempet mikirin itu, yang penting bisa keluar aja :D

dan ada kutipan lagi 

Tapi sekarang di minimarket udah banyak ada tulisannya atau icon yang membuat si pembeli nya mengerti apa yang harus dilakukan :) dan masih banyak lagi contoh2 nya .

Langsung saja ke topik nya.

apa sih berbedaan UI/UX

Penjelasannya :

Container (wadah) : kita mau bikin aplikasi mau dibikin di device apa ? 

Informations : isi dari aplikasi nya ada apa aja ?

UI :  komunikasi  si aplikasi kita  dengan user,  dan harus dimengerti oleh user.

Penempatannya harus sesuai, komposisi warna , dll

UX : pengalaman pengguna, yaitu sebelum user menggunakan aplikasi, selama menggunakan aplikasi, dan sesudah menggunakan aplikasi, dan hasil nya itu memuaskan gak ?

tugas UX itu bukan cuma orang UI, tapi semua petinggi yang ada di perusahaan ikut berdiskusi, entah itu CEO, CTO, sampe founder nya pun harus ikut berdiskusi kalau masalah ini.

jadi UI dengan UX itu beda, tapi UI bagian dari UX :)

selesai deh 

Read More