Android HOWto - Building a Simple User Interface (2)

ข้อมูลตาม link:
https://developer.android.com/training/basics/firstapp/building-ui.html#Weight
นี้ครับ
ทำตามที่เว็บไซต์แนะนำทั้งหมดเลยครับ :)

 Figure 1. Illustration of how ViewGroup objects form branches in the layout and contain other View objects.

3. Delete the TextView element.
ส่วนนี้เขาต้องการให้เราลบส่วนของ TextView ทั้งหมด ดูได้ในแถบ Text 

4. Change the RelativeLayout  element to LinearLayout
ตรงนี้เขาต้องการให้เปลี่ยน เป็น ในขั้นตอนนี้เราสามารถใช้ส่วนของ แถบ Design เลือกที่ LinearLayout ใน Layouts

เมื่อทำเสร็จก็จะได้ดังนี้ครับ เมื่อดูที่หน้าต่าง Design

และเมื่อดูที่หน้าต่าง Text

 Add a Text Field
ขั้นตอนต่อไปเขาให้เรา Add a Text Field ทำตาม.. ในขั้นตอนนี้ถ้าใช้ Design ก็ง่ายดีครับ แต่เมื่อใช้ Design แล้วก็ต้องเปลี่ยนคุณสมบัติของ Properties ตามเข้าด้วยนะครับ
1. In the activity_my.xml file, within the element, define an element with the id attribute set to @+id/edit_message.
2. Define the layout_width and layout_height attributes as wrap_content.
3. Define a hint attribute as a string object named edit_message.

ดูที่แถบ Text ตรงนี้เราจะได้ android:id="@+id/editText" ให้เปลี่ยน editText เป็น edit_message พร้อมกับลบตัวนี้ทิ้ง android:layout_weight="0.73" ที่ แถบ Text

Add String Resources
2. Add a line for a string named "edit_message" with the value, "Enter a message".
ตรงส่วนนี้เพิ่มที่ Properties ดูน่าจะง่ายกว่า ได้ดังนี้

 3. Add a line for a string named "button_send" with the value, "Send". You'll create the button that uses this string in the next section.
4. Remove the line for the "hello world" string.
3-4 ใช้วิธีการเดียวกับขั้นตอนที่ 3 ผลที่ได้

ทำตามขั้นตอนนี้ต่อไป Make the Input Box Fill in the Screen Width ได้ผลดังนี้ครับ

 

Run Your App
ได้ผลดังนี้

พบกันใหม่ครับ

Android HOWto by Prajin. P (2015-08-16)