หลังจากที่เราได้ ออกแบบ User Interface สำหรับ Activity แรก ไปเป็นที่เรียบร้อยแล้ว (ใครยังไม่ได้ทำ ไปดู ที่นี่) วันนี้เราจะมา ออกแบบ User Interface ที่ Activity ที่สองกัน

สร้างไฟล์ xml สำหรับ Activity ที่สอง

ไปที่ New > Android XML File แบบนี้

ต่อไปผมกำหนด ชื่อไฟล์ ว่า answer.xml มีชนิดเป็น Layout และ ให้เก็บไฟร์ที่ gen ได้ไว้ที่ /res/layout

ตัว eclipse จะ gen ค่าไฟล์ answer.xml ให้อย่างนี้

ลองเปิดไฟล์ answer.xml ดู จะพบอะไร ว่างๆแบบนี้

ลาก TextView ลงมาก่อน

การเพิ่ม TextView ลงไปบน Layout ก็แค่ ลาก TextView แล้วไปปล่อย

ไม่มาละ TextView

กำหนด id = @+id/HeadAnswer

ค่านี้สำคัญนะ เดี๋ยวเราจะนำไปกำหนดในโค้ดของเรา

Text = @string/HeadAnswer

ทำสีเหลืองโดยการกำหนด Text color ไปที่ @color/yellow

กำหนดขนาด Textsize =  @dimen/Head

ใช้ Layout gravity เป็น center เพื่อกำหนด TextView มาอยู่ตรงกลางของ Layout

สร้าง TextView อีกชุด

ประกาศ id = @+id/Answer

ทำตัวอักษรเป็นสีแดงด้วย Text color @color/red

กำหนดขนาด

และตำแหน่ง

ต่อไปสร้าง Button

กำหนด id สำหรับการที่โค้ดจะอ้างถึง

กำหนด labal ของปุ่มกด

กำหนดขนาดและ ตำแหน่ง

และแล้วเราก็ได้มาละ answer.xml ที่จะนำมาใว้เป็น Activity ที่สองสำหรับแอพพลิเคชั่น ConvertMoney

เหมือนต้นฉบับแดะ