Linear Layout di Android Studio

-



hello temen2
yuk kita belajar membuat linear layout di projek pertama kita di android studio
yaitu membuat linear layout...

<?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">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:background="#f00"
            android:gravity="center"
            android:padding="45dp"
            android:textColor="#fff"
            android:text="PUTIH"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:background="#0f0"
            android:padding="45dp"
            android:gravity="center"
            android:text="HIJAU"
            android:textColor="#fff"/>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center"
                android:background="#00f"
                android:textColor="#fff"
                android:text="BIRU"
                android:layout_weight="1"/>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center"
                android:background="#FCF802"
                android:textColor="#fff"
                android:text="KUNING"
                android:layout_weight="1"/>


        </LinearLayout>
    </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:orientation="vertical">

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="BARIS PERTAMA"
                    android:textSize="15pt"/>

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="BARIS KEDUA"
                    android:textSize="15pt"/>

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="BARIS KETIGA"
                    android:textSize="15pt"/>



            </LinearLayout>

</LinearLayout>

bila selesai,klik tombol untuk me"run" kannya.. dan lihat hasilnya..





selamat di coba...





































Komentar











Posting Komentar
























Postingan populer dari blog ini









Relay lampu menggunakan NodeMCU 






-














Gambar







Relay lampu menggunakan NodeMCU lewat Blynk       Hey temen2,  kalo kemarin kita sudah bisa menyalakan lampu LED secara otomatis, nah pasti ada yang nanya, " kak kalo mau nyala matiin lampu beneran di rumah gimana kak?"    tenang guys! sekarang mimin mau ngasih tutorialnya  yuk simak baik2   1. Komponen yang dibutuhkan    NodeMCU  Relay   Kabel Jumper  Kabel USB  Terminal Arduino   https://www.arduino.cc/en/main/software  aplikasi Blynk  https://play.google.com/store/apps/details?id=cc.blynk&hl=en_US  Terminal Kuningan  Lampu    2. Ikuti langkah2 berikut ini    sambungkan kabel jamper relay ke NodeMCU    sambungkan jumper Relay GND                          dengan G di node MCU  sambungkan jumper Relay VOC                          dengan 3V di node MCU  sambungkan jumper Relay IN1                ...








Baca selengkapnya










Kode program ( sketch ) sensor infrared di Arduino Uno with buzzer






-














Gambar







Hello temen2   Buat kamu yang mau buat projek sensor jarak atau smart parking,  bisa melihat tutorial di bawah ini...      #define sensor 7  #define buzzer 2   void setup() {    Serial.begin(9600);    pinMode(sensor, INPUT);    pinMode(buzzer, OUTPUT);   }   void loop() {    int data = digitalRead(sensor);    if (data == 0) {      digitalWrite(buzzer,HIGH);      delay(500);    } else {      digitalWrite(buzzer,LOW);      delay(500);    }   }  








Baca selengkapnya










Style dan Theme di Android Studio






-














Gambar







   Hello temen2,  yuk kita lanjut, bagaimana kalo, kita memakai style di projek kita kemarin,  yuk kita buat...   1. langkah pertama, atur colors.xml di res > valeus > colors   <?xml version="1.0" encoding="utf-8"?>  <resources>      <color name="colorPrimary">#607D8B</color>      <color name="colorPrimaryDark">#455A64</color>      <color name="colorAccent">#FF5722</color>      <color name="colorSubTitle">#757575</color>  </resources>     2. langkah kedua, kita buat stylenya di res > values > style      <resources>         <!-- Base application theme. -->       <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">           <!-- Customize your theme here. -->           <item name="colorPrimary">@color/colorPrimary</item>           <item na...








Baca selengkapnya