Cara Membuat Linear Ganti Background Sesuai Jam Dengan AIDE

byrendom • • 2 min read
2

Hallo semua udah lama banget nih mimin gak update, kali ini mimin mau ngasih sebuah tutorial gimana si caranya mengubah sebuah linear background ganti sendiri sesuai dengan jam yang ada di handphone. Mimin ngebuat ini di android nama aplikasinya yaitu AIDE bisa kalo kalian belom download bisa kok download dulu di playstore setelah download balik lagi ke browser.

Sebelum kita masuk ke tutorialnya siapin dulu sesajen :

- Susu
- Internet
- Aplikasi AIDE
- Kriuk

Kalo itu semua sudah terpenuhi ayoooo kita gasss.

Pertama tama kamu buka aplikasi AIDEnya lalu buat project baru, bebas mau kamu namain apa aja. Setelah itu kamu masuk ke folder namanya (res) nanti kamu akan ketemu folder yang namanya (layout). Oh iya mimin mau ngasih tau sebentar kalian harus bisa bedain yah. Bedanya folder dengan file jadi folder itu tidak berformat sedangkan file itu berformat contoh : (.text), (.html), (.zip) dll.

Cuma segitu aja si penjelasan dari mimin mengenai perbedaan folder dengan file, mimin lanjut setelah kalian click folder (layout) kalian akan berjumpa dengan file (main.xml) masukan kode ini.

<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">
 <LinearLayout
  android:id="@+id/relativelayout_1"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical">
  <LinearLayout
   android:id="@+id/background"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical"/>
 </LinearLayout>
 <LinearLayout
  android:id="@+id/relativelayout_2"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical">
  <LinearLayout
   android:id="@+id/relativelayout_3"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:gravity="center_horizontal"
   android:orientation="vertical">
   <LinearLayout
    android:id="@+id/status_bar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="8dp"
    android:orientation="horizontal"/>
   <LinearLayout
    android:id="@+id/linear7"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:padding="8dp"
    android:orientation="vertical"
    android:layout_weight="1"/>
   <LinearLayout
    android:id="@+id/line_border"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="20dp"
    android:padding="20dp"
    android:orientation="vertical">
    <LinearLayout
     android:id="@+id/linear3"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:layout_marginBottom="20dp"
     android:gravity="center_horizontal|center_vertical"
     android:orientation="vertical">
     <TextView
      android:id="@+id/tx_welcome"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:text="Welcome"
      android:textSize="30sp"
      android:textStyle="bold"
      android:textColor="#FFFFFF"/>
     <TextView
      android:id="@+id/tx_time"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:text="Dev"
      android:textSize="14sp"
      android:textStyle="bold"
      android:textColor="#FFFFFF"
      android:alpha="0.8"/>
    </LinearLayout>
    <EditText
     android:id="@+id/etx_email"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:layout_marginBottom="10dp"
     android:padding="10dp"
     android:background="#2A2D32"
     android:textSize="14sp"
     android:textColor="#FFFFFF"
     android:hint="Email"
     android:textColorHint="#BDBDBD"
     android:singleLine="true"
     android:imeOptions="actionNext"/>
    <LinearLayout
     android:id="@+id/line_pass"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:layout_marginBottom="5dp"
     android:background="#2A2D32"
     android:gravity="center_vertical"
     android:orientation="horizontal">
     <EditText
      android:id="@+id/etx_pass"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:padding="10dp"
      android:background="@android:color/transparent"
      android:textSize="14sp"
      android:textColor="#FFFFFF"
      android:hint="Password"
      android:textColorHint="#BDBDBD"
      android:singleLine="true"
      android:inputType="textPassword"
      android:imeOptions="actionDone"
      android:layout_weight="1"/>
     <ImageView
      android:id="@+id/img_showhide"
      android:layout_width="30dp"
      android:layout_height="match_parent"
      android:layout_marginLeft="5dp"
      android:layout_marginRight="5dp"
      android:padding="5dp"
      android:src="@drawable/ic_hidee"
      android:scaleType="centerInside"
      android:alpha="0.7"/>
    </LinearLayout>
    <LinearLayout
     android:id="@+id/linear4"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:layout_marginBottom="20dp"
     android:gravity="center_vertical"
     android:orientation="horizontal">
     <CheckBox
      android:id="@+id/checkbox_remindme"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:gravity="center_vertical"
      android:text="Remind me"
      android:textSize="12sp"
      android:textColor="#FFFFFF"
      android:layout_weight="1"/>
     <TextView
      android:id="@+id/btn_forgotpass"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Forgot password\?"
      android:textSize="12sp"
      android:textColor="#FF5C5C"/>
    </LinearLayout>
    <TextView
     android:id="@+id/btn_login"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:layout_marginBottom="20dp"
     android:padding="8dp"
     android:background="#FF5C5C"
     android:gravity="center_horizontal|center_vertical"
     android:text="Login"
     android:textSize="16sp"
     android:textColor="#FFFFFF"
     android:layout_gravity="center_horizontal|center_vertical"/>
    <LinearLayout
     android:id="@+id/linear5"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:padding="8dp"
     android:gravity="center_horizontal|center_vertical"
     android:orientation="horizontal">
     <TextView
      android:id="@+id/textview5"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Don't have an account\?"
      android:textSize="12sp"
      android:textColor="#FFFFFF"/>
     <TextView
      android:id="@+id/btn_signup"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_marginLeft="2dp"
      android:text="Sign up"
      android:textSize="12sp"
      android:textColor="#FF5C5C"/>
    </LinearLayout>
   </LinearLayout>
   <LinearLayout
    android:id="@+id/linear8"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:padding="8dp"
    android:orientation="vertical"
    android:layout_weight="1"/>
  </LinearLayout>
 </LinearLayout>
</LinearLayout>

Ikutin mimin aja ya mungkin akan panjang jika codenya mimin paste ke blog ini. Sebagaian source code kalian bisa download disini click ini loh dan untuk code MainActivity.java kalian bisa download disini click aku juga.


Dan ini lah hasilnya background untuk di pagi hari.


Dan ini hasil background di sore hari.



Ini background untuk di malam hari.


Dan yang terakhir ini background untuk di jam 12.


Nah itu hasil hasilnya mungkin sampai sini dulu ya jika dari kalian ingin projectnya bisa download disini project oke sekaian dari mimin sampai jumpa..

2 Komentar

Posting Komentar
Lebih baru Lebih lama