โดยศัพท์แสงที่นำมาใช้งานกันก็คือ Scale Type
จะมีการจัดตำแหน่งของภาพ เป็นกึ่งกลาง กำหนดเป็น Scale Type center
และกึ่งกลางแบบตัดขอบให้พอดีหน้าจอ Scale Type center crop
การจัดลำดับหรือ Arrange ตำแหน่งของภาพ หรือข้อความบนหน้าจอ เพื่อให้สามารถเห็นข้อความตามต้องการ
ลองดูตัวอย่างการเขียนโค้ด สำหรับการจัดขนาดภาพตรงกลาง
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
/>
สำหรับมือใหม่หรือผู้สนใจ หากต้องการเห็นความแตกต่างของการจัดภาพ ระหว่าง Scale Type center กับ Scale Type center Crop ก็แนะนำ ให้ทดสอบโค้ดทั้งสองแบบดู เพื่อดูความแตกต่างด้วยตนเอง
ทบทวนขั้นตอนสำหรับการออกแบบแอพ
1 การออกแบบมุมมอง เป็นข้อความ รูปภาพ ปุ่ม หรือ ฟอร์ม เป็นต้น
2 การจัดตำแหน่งของแต่ละรายการ
เช่น แนวนอน แนวตั้ง การกำหนดเป็นแถวเรียง หรือแบบสัมพันธ์กัน
3 กำหนดสไตล์หรือรูปแบบ เช่นตัวหนา สีขาว หรือ ดำ เป็นต้น
ไม่มีความคิดเห็น:
แสดงความคิดเห็น