Difference between revisions of "Android Studio: Building UI"

From OnnoWiki
Jump to navigation Jump to search
Line 17: Line 17:
 
* (Default Margins) > 16
 
* (Default Margins) > 16
 
* (Device for Preview) > 5.5
 
* (Device for Preview) > 5.5
 +
 +
 +
==Add text box==
 +
 +
* Buang / Bersihkan yang ada di layout, terutama tulisan "Hello World!". Select > Delete.
 +
* Palette > Text >  Plain Text (drag ke lokasi yang di inginkan)
 +
 +
==Add a button==
 +
 +
* Palette > Buttons > button (drag ke lokasi yang di inginkan)
 +
* Create a constraint from the left side of the button to the right side of the text box.
 +
* Buat constrain the views agar horizontal sejajar, buat constraint antara text baseline. Right-click button > Show Baseline sampai muncul baseline anchor. baseline anchor di dalam button disambungkan dengan baseline di text box.
 +
 +
 +
 +
 +
  
 
==Referensi==
 
==Referensi==
  
 
https://developer.android.com/training/basics/firstapp/building-ui
 
https://developer.android.com/training/basics/firstapp/building-ui

Revision as of 06:08, 4 March 2022

New Project

File > New > New Project > Empty Activity

Name          MyApplication
Package Name  com.example.myapplication

Klik "Finish"


Open the Layout Editor

  • Di Project window > app > res > layout > activity_main.xml.
  • Click (Select Design Surface) > Blueprint.
  • Click (View Options) > Show All Constraints pastikan checked.
  • (Enable Autoconnection to Parent) > Disable Autoconnect to parent.
  • (Default Margins) > 16
  • (Device for Preview) > 5.5


Add text box

  • Buang / Bersihkan yang ada di layout, terutama tulisan "Hello World!". Select > Delete.
  • Palette > Text > Plain Text (drag ke lokasi yang di inginkan)

Add a button

  • Palette > Buttons > button (drag ke lokasi yang di inginkan)
  • Create a constraint from the left side of the button to the right side of the text box.
  • Buat constrain the views agar horizontal sejajar, buat constraint antara text baseline. Right-click button > Show Baseline sampai muncul baseline anchor. baseline anchor di dalam button disambungkan dengan baseline di text box.




Referensi

https://developer.android.com/training/basics/firstapp/building-ui