Thursday, April 19, 2018

Membuat Input Form sederhana satu halaman pada android studio

1.Pertama buat layout tambahan untuk membuat input di satu halaman pada activity_main.xml
Seperti berikut:
<LinearLayout                android:layout_width="match_parent"                android:layout_height="wrap_content">
                <TextView                    android:layout_width="160dp"                    android:layout_height="wrap_content"                    android:text="Nama Siswa"                    android:textColor="#000"                    android:textSize="20dp"/>
                <TextView                    android:layout_width="10dp"                    android:layout_height="wrap_content"                    android:text=":"                    android:textColor="#000"/>
                <TextView                    android:layout_width="160dp"                    android:layout_height="wrap_content"                    android:id="@+id/hasil_nama"                    android:textColor="#000"                    android:textSize="20dp"/>

                </LinearLayout>

                <LinearLayout                    android:layout_width="match_parent"                    android:layout_height="wrap_content">
                    <TextView                        android:layout_width="200dp"                        android:layout_height="wrap_content"                        android:text="Tempat,Tanggal lahir"                        android:textColor="#000"                        android:textSize="20dp"/>
                    <TextView                        android:layout_width="10dp"                        android:layout_height="wrap_content"                        android:text=":"                        android:textColor="#000"/>
                    <TextView                        android:layout_width="160dp"                        android:layout_height="wrap_content"                        android:id="@+id/hasil_nik"                        android:textColor="#000"                        android:textSize="20dp"/>

            </LinearLayout>
                <LinearLayout                    android:layout_width="match_parent"                    android:layout_height="wrap_content">
                    <TextView                        android:layout_width="160dp"                        android:layout_height="wrap_content"                        android:text="NISN/NIPD"                        android:textColor="#000"                        android:textSize="20dp"/>
                    <TextView                        android:layout_width="10dp"                        android:layout_height="wrap_content"                        android:text=":"                        android:textColor="#000"/>
                    <TextView                        android:layout_width="160dp"                        android:layout_height="wrap_content"                        android:id="@+id/hasil_umur"                        android:textColor="#000"                        android:textSize="20dp"/>

                </LinearLayout>
                <LinearLayout                    android:layout_width="match_parent"                    android:layout_height="wrap_content">
                    <TextView                        android:layout_width="160dp"                        android:layout_height="wrap_content"                        android:text="Kelas/Tingkat"                        android:textColor="#000"                        android:textSize="20dp"/>
                    <TextView                        android:layout_width="10dp"                        android:layout_height="wrap_content"                        android:text=":"                        android:textColor="#000"/>
                    <TextView                        android:layout_width="160dp"                        android:layout_height="wrap_content"                        android:id="@+id/hasil_alamat"                        android:textColor="#000"                        android:textSize="20dp"/>

                </LinearLayout>
                <LinearLayout                    android:layout_width="match_parent"                    android:layout_height="wrap_content">
                    <TextView                        android:layout_width="160dp"                        android:layout_height="wrap_content"                        android:text="Tabungan Perhari"                        android:textColor="#000"                        android:textSize="20dp"/>
                    <TextView                        android:layout_width="10dp"                        android:layout_height="wrap_content"                        android:text=":"                        android:textColor="#000"/>
                    <TextView                        android:layout_width="160dp"                        android:layout_height="wrap_content"                        android:id="@+id/hasil_institusi"                        android:textColor="#000"                        android:textSize="20dp"/>

                </LinearLayout>
                <LinearLayout                    android:layout_width="match_parent"                    android:layout_height="wrap_content">
                    <TextView                        android:layout_width="160dp"                        android:layout_height="wrap_content"                        android:text="Agama"                        android:textColor="#000"                        android:textSize="20dp"/>
                    <TextView                        android:layout_width="10dp"                        android:layout_height="wrap_content"                        android:text=":"                        android:textColor="#000"/>
                    <TextView                        android:layout_width="160dp"                        android:layout_height="wrap_content"                        android:id="@+id/hasil_agama"                        android:textColor="#000"                        android:textSize="20dp"/>

                </LinearLayout>
                <LinearLayout                    android:layout_width="match_parent"                    android:layout_height="wrap_content">
                    <TextView                        android:layout_width="160dp"                        android:layout_height="wrap_content"                        android:text="Nama Orang Tua"                        android:textColor="#000"                        android:textSize="20dp"/>
                    <TextView                        android:layout_width="10dp"                        android:layout_height="wrap_content"                        android:text=":"                        android:textColor="#000"/>
                    <TextView                        android:layout_width="160dp"                        android:layout_height="wrap_content"                        android:id="@+id/hasil_tua"                        android:textColor="#000"                        android:textSize="20dp"/>

                </LinearLayout>
                <LinearLayout                    android:layout_width="match_parent"                    android:layout_height="wrap_content">
                    <TextView                        android:layout_width="160dp"                        android:layout_height="wrap_content"                        android:text="Alamat"                        android:textColor="#000"                        android:textSize="20dp"/>
                    <TextView                        android:layout_width="10dp"                        android:layout_height="wrap_content"                        android:text=":"                        android:textColor="#000"/>
                    <TextView                        android:layout_width="160dp"                        android:layout_height="wrap_content"                        android:id="@+id/hasil_amt"                        android:textColor="#000"                        android:textSize="20dp"/>

                </LinearLayout>
                <LinearLayout                    android:layout_width="match_parent"                    android:layout_height="wrap_content">
                    <TextView                        android:layout_width="160dp"                        android:layout_height="wrap_content"                        android:text="walikelas"                        android:textColor="#000"                        android:textSize="20dp"/>
                    <TextView                        android:layout_width="10dp"                        android:layout_height="wrap_content"                        android:text=":"                        android:textColor="#000"/>
                    <TextView                        android:layout_width="160dp"                        android:layout_height="wrap_content"                        android:id="@+id/hasil_guru"                        android:textColor="#000"                        android:textSize="20dp"/>

                </LinearLayout>



            </LinearLayout>

    </ScrollView>
</LinearLayout>
di mainactivity java ya kita tambahkan seperti ini
package com.example.asus.y;

import android.content.Intent;
import android.os.Handler;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.OnClick;

public class MainActivity extends AppCompatActivity {
//deklarasi
    @BindView(R.id.input_nama)
    EditText inputNama;
    @BindView(R.id.input_kelas)
    EditText inputkelas;
    @BindView(R.id.input_umur)
    EditText inputUmur;
    @BindView(R.id.input_alamat)
    EditText inputAlamat;
    @BindView(R.id.input_institusi)
    EditText inputInstitusi;
    @BindView(R.id.input_agama)
    EditText inputagama;
    @BindView(R.id.input_tua)
    EditText inputtua;
    @BindView(R.id.input_amt)
    EditText inputamt;
    @BindView(R.id.input_guru)
    EditText inputguru;

    @BindView(R.id.simpan_button)
    Button simpan_button;

    @BindView(R.id.satu)
    Button satu;

//    untuk cetak satu halaman
//    @BindView(R.id.coba)//    Button coba;
    @BindView(R.id.hasil_nama)
    TextView hasilNama;
    @BindView(R.id.hasil_nik)
    TextView hasilNik;
    @BindView(R.id.hasil_umur)
    TextView hasilUmur;
    @BindView(R.id.hasil_alamat)
    TextView hasilAlamat;
    @BindView(R.id.hasil_institusi)
    TextView hasilInstitusi;
    @BindView(R.id.hasil_agama)
    TextView hasilagama;
    @BindView(R.id.hasil_tua)
    TextView hasiltua;
    @BindView(R.id.hasil_amt)
    TextView hasilamt;
    @BindView(R.id.hasil_guru)
    TextView hasilguru;


    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
//        tambah kan ini        ButterKnife.bind(this);


    }
//cetak pindah halaman
    @OnClick(R.id.simpan_button)
    public void btnClicked() {
        Intent i = new Intent(MainActivity.this, kedua.class);
        String nama = inputNama.getText().toString();
        String kelas = inputkelas.getText().toString();
        String umur = inputUmur.getText().toString();
        String alamat = inputAlamat.getText().toString();
        String institusi = inputInstitusi.getText().toString();
        String agama = inputagama.getText().toString();
        String tua = inputtua.getText().toString();
        String amt = inputamt.getText().toString();
        String guru = inputguru.getText().toString();


        i.putExtra("nama", nama);
        i.putExtra("kelas", kelas);
        i.putExtra("umur", umur);
        i.putExtra("alamat", alamat);
        i.putExtra("institusi", institusi);
        i.putExtra("agama", agama);
        i.putExtra("tua", tua);
        i.putExtra("amt", amt);
        i.putExtra("guru", guru);


        startActivity(i);
    }
//satuhalaman
    @OnClick(R.id.satu)
    public void btnCliked(){
        String nama = inputNama.getText().toString();
        hasilNama.setText(nama);
        String nik = inputkelas.getText().toString();
        hasilNik.setText(nik);
        String umur = inputUmur.getText().toString();
        hasilUmur.setText(umur);
        String alamat = inputAlamat.getText().toString();
        hasilAlamat.setText(alamat);
        String institusi = inputInstitusi.getText().toString();
        hasilInstitusi.setText(institusi);
        String agama = inputagama.getText().toString();
        hasilagama.setText(agama);
        String tua = inputtua.getText().toString();
        hasiltua.setText(tua);
        String amt = inputamt.getText().toString();
        hasilamt.setText(amt);
        String guru = inputguru.getText().toString();
        hasilguru.setText(guru);
    }

    public void submit(View view) {
    }

//        @OnClick(R.id.satu)//        public void btnClicked () {//            String nama = inputNama.getText().toString();//        hasilNama.setText(nama);//        String nik = inputkelas.getText().toString();//        hasilNik.setText(nik);//        String umur = inputUmur.getText().toString();//        hasilUmur.setText(umur);//        String alamat = inputAlamat.getText().toString();//        hasilAlamat.setText(alamat);//        String institusi = inputInstitusi.getText().toString();//        hasilInstitusi.setText(institusi);//        String agama = inputagama.getText().toString();//        hasilagama.setText(agama);//        String tua = inputtua.getText().toString();//        hasiltua.setText(tua);//        String amt = inputamt.getText().toString();//        hasilamt.setText(amt);//        String guru = inputguru.getText().toString();//        hasilguru.setText(guru);



}

ButterKnife by Jake Wharton

Library yang satu ini untuk menggantikan method findViewById() yang akan sangat merepotkan bila project kita sangat kompleks dengan layout yang begitu banyak. Dengan cara @BindView di awal akan memudahkan dalam penulisan functional code di Java.
Link GitHub ButterKnife : https://github.com/JakeWharton/butterknife
  • MaterialEditText by Kai Zhu (Rengwuxian)
Library ini juga memudahkan kita dalam membuat form input (view EditText). Kita tidak perlu lagi mengatur coding satu per satu agar sesuai dengan konsep material design. Dengan library MaterialEditText, kita bisa mengatur floating hinticonhighlight labelmax/min karakter, helper / error textvalidation dan lain sebagainya di view EditText.
Link GitHub MaterialEditText : https://github.com/rengwuxian/MaterialEditText
tambahlan ini ya di gradle ya
compile 'com.android.support:appcompat-v7:25.0.1'compile 'com.jakewharton:butterknife:8.5.1'annotationProcessor 'com.jakewharton:butterknife-compiler:8.5.1'compile 'com.rengwuxian.materialedittext:library:2.1.4'testCompile 'junit:junit:4.12'

makasih semoga bermanfaat.








No comments:

Post a Comment

test

import 'dart:async' ; import 'package:flutter/material.dart' ; class MyBeginner extends StatefulWidget { var...