Thursday, 2 November 2017

Cara Membuat Applikasi Ganti Warna di Android Studio

·   0
Cara Membuat Applikasi Ganti Warna di Android Studio. Halo teman teman kembali lagi dengan saya, kali ini saya akan membagikan tutorial bagaimana cara untuk membuat sebuah aplikasi android yang sederhana, pada aplikasi ini saya akan membuatkan bagaimana sebuah layout bisa berganti warna ketika sebuah button di tekan.

Cara Membuat Applikasi Ganti Warna di Android Studio

Cara ini cukup mudah dan simple untuk di praktikan jika teman teman sudah tahu tentang basic java, di aplikasi yang saya buat ada 4 button, namun dari 4 button hanya 2 button saja yang sudah saya set untuk berfungsi.

Oke teman teman kita langsung saja pergi ke tutorialnya saja.

1. Pertama buatlah sebuah New Project di Android Studio, silahkan download terlebih dahulu softwarenya jika belum ada.

2. Apabila sudah membuat sebuah project baru, copy dan paste code di bawah ini di Java

package com.example.supriyanto.appcamera;
import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.view.View;import android.widget.Button;import android.widget.LinearLayout;
public class CameraActivity extends AppCompatActivity {

    static final int ACTION_IMAGE_CAPTURE = 1;
    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_camera);
        Button buttonCamera = (Button) findViewById(R.id.btnOne);        final Button buttonTre = (Button) findViewById(R.id.btnTre);        Button btnFour = (Button) findViewById(R.id.btnFour);        final LinearLayout txtLinear = (LinearLayout) findViewById(R.id.txtLinear);                buttonTre.setOnClickListener(new View.OnClickListener() {
            @Override            public void onClick(View v) {

                txtLinear.setBackgroundColor(getResources().getColor(R.color.colorAccent));            }
        });
        btnFour.setOnClickListener(new View.OnClickListener() {
            @Override            public void onClick(View v) {
                txtLinear.setBackgroundColor(getResources().getColor(R.color.colorCampur));            }
        });    }
}

silahkan ganti package dengan package teman teman.

3. Kemudian setelah itu teman teman copy juga code di bawah ini dan paste di Xml pada project yang sudah teman teman buat.

<?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="com.example.supriyanto.appcamera.CameraActivity">
    <LinearLayout        android:id="@+id/txtLinear"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:background="@color/colorPrimaryDark"        android:orientation="vertical">
    </LinearLayout>
    <Button        android:id="@+id/btnOne"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginBottom="86dp"        android:text="START"        tools:layout_editor_absoluteX="135dp"        tools:layout_editor_absoluteY="231dp"        android:layout_alignParentBottom="true"        android:layout_alignParentStart="true"        android:layout_marginStart="13dp" />
    <Button        android:id="@+id/btnTwo"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="Reset"        android:layout_alignBaseline="@+id/btnOne"        android:layout_alignBottom="@+id/btnOne"        android:layout_toEndOf="@+id/btnOne" />
    <Button        android:id="@+id/btnTre"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignBaseline="@+id/btnTwo"        android:layout_alignBottom="@+id/btnTwo"        android:layout_toEndOf="@+id/btnTwo"        android:text="Merah" />
    <Button        android:id="@+id/btnFour"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignBaseline="@+id/btnTre"        android:layout_alignBottom="@+id/btnTre"        android:layout_alignParentEnd="true"        android:layout_marginEnd="12dp"        android:text="HIJAU" /></RelativeLayout>

4. Selesai.

Nb: untuk mengganti warna pada layout linear, bisa di rubah pada code di bawah ini (colorCampur)

btnFour.setOnClickListener(new View.OnClickListener() {
    @Override    public void onClick(View v) {
        txtLinear.setBackgroundColor(getResources().getColor(R.color.colorCampur));    }
});

Oke teman teman mungkin cukup itu dulu tutorial kali ini semoga bermanfaat, apabila ada yang kurang jelas maka teman teman bisa langsung berkomentar di bawah.

Sekian dan terimakasih.
Subscribe to this Blog via Email :