Contoh Penerapan Contact Form pada Layout xml

  • Post
    codeorayo
    Keymaster
    none
    Jika kita sering melihat sebuah Situs-situs Web yang beredar di Internet, terdapat salah satu fitur yaitu Contact Form ,yang sering kita lihat. Contact Form memang berguna sekali bagi pengunjung ,karna untuk menghubungkan pengunjung ke pemilik website tersebut. Jika memiliki keperluan lain baik itu bisnis,atau yang lain-lain.

    Nah pada tutorial belajar android kali ini, kita akan mencoba membuat Contoh Penerapan Contact Form pada Layout xml. Oke disini kita hanya membuat desainya saja sebagai referensi jadi, belum di program dengan Java.

    [img width=320,height=228]https://4.bp.blogspot.com/-GL555lR-XOc/Vn4FMMFMdqI/AAAAAAAAERY/VMmwqaoJTiU/s320/android-studio-tutorial.png[/img]

    1. Pertama kita akan mencoba menerapkan baris instruksi berikut ke file layout activity_main.xml

     activity_main.xml


  • http://schemas.android.com/apk/res/android“

  •     android:layout_width=”match_parent”

  •     android:layout_height=”match_parent”

  •     android:orientation=”vertical”

  •     android:padding=”16dp”>

  •  

  •     

  •         android:id=”@+id/contact_form_title”

  •         android:layout_width=”wrap_content”

  •         android:layout_height=”wrap_content”

  •         android:layout_gravity=”center_horizontal”

  •         android:layout_marginBottom=”16dp”

  •         android:layout_marginTop=”5dp”

  •         android:text=”Okedroid”

  •         android:textColor=”#7f8c8d”

  •         android:textSize=”40sp”

  •         android:typeface=”serif” />

  •  

  •     

  •         android:layout_width=”fill_parent”

  •         android:layout_height=”wrap_content”

  •         android:backgroundTint=”@color/colorPrimaryDark”

  •         android:hint=”Name”

  •         android:inputType=”textPersonName” />

  •  

  •     

  •         android:layout_width=”fill_parent”

  •         android:layout_height=”wrap_content”

  •         android:layout_marginBottom=”10dp”

  •         android:layout_marginTop=”10dp”

  •         android:backgroundTint=”@color/colorPrimaryDark”

  •         android:hint=”Email”

  •         android:inputType=”textEmailAddress” />

  •  

  •     

  •         android:layout_width=”fill_parent”

  •         android:layout_height=”wrap_content”

  •         android:backgroundTint=”@color/colorPrimaryDark”

  •         android:hint=”Phone”

  •         android:inputType=”phone” />

  •  

  •     

  •         android:layout_width=”fill_parent”

  •         android:layout_height=”84dp”

  •         android:layout_marginBottom=”10dp”

  •         android:layout_marginTop=”10dp”

  •         android:backgroundTint=”@color/colorPrimaryDark”

  •         android:gravity=”top”

  •         android:hint=”Your Message”

  •         android:fitsSystemWindows=”true”

  •         android:breakStrategy=”balanced”

  •         android:inputType=”textMultiLine”

  •         android:singleLine=”false”

  •         android:padding=”5dp” />

  •  

  •     

  •         android:layout_width=”wrap_content”

  •         android:layout_height=”wrap_content”

  •         android:layout_gravity=”center_horizontal”

  •         android:background=”@color/colorPrimaryDark”

  •         android:elevation=”4dp”

  •         android:paddingLeft=”50dp”

  •         android:paddingRight=”50dp”

  •         android:text=”Submit”

  •         android:textColor=”#fff” />



  • 2. Kalian juga bisa mensetting warnanya di color.xml yang terletak di res/values/color.xml

    color.xml



  •     #2ecc71

  •     #27ae60

  •     #e67e22

  •     #504f4f

  •     #000000



  • Sekarang coba kita jalankan di Android Studio 

    Hasilnya kurang lebih seperti ini:

    [table]

    [tr]

    [/tr]

    [tr]

    [/tr]

    [/table]

    [td][img width=163,height=320]https://3.bp.blogspot.com/-9bBqCLUGLWQ/VrCfJvEIxfI/AAAAAAAAEl8/a0H5nRkOxvc/s320/device-2016-02-02-192008.png[/img][/td]
    [td]Contoh Contact Form Android

    [/td]

Ampuh! Ini rahasia mengembangkan aplikasi secara instan, tinggal download dan kembangkan. Gabung sekarang juga! Premium Membership [PRIVATE] https://premium.codeorayo.com
  • You must be logged in to reply to this topic.