วิธีการปรับขนาดของรูปภาพบนแอพ Android Studio

การเขียนแอพบน Android Studio มีทั้งข้อมูลการจัดตำแหน่งของวัตถุ บนหน้าจอ เช่น ภาพ หรือข้อความ สำหรับการจัดตำแหน่งและขนาดของภาพบนหน้าจอมือถือ สามารถกำหนดโดยเชียนภาษา XML ในการควบคุมการแสดงผลของภาพ แบบนี้
โดยศัพท์แสงที่นำมาใช้งานกันก็คือ Scale Type
จะมีการจัดตำแหน่งของภาพ เป็นกึ่งกลาง  กำหนดเป็น Scale Type center
และกึ่งกลางแบบตัดขอบให้พอดีหน้าจอ Scale Type center crop
การจัดลำดับหรือ Arrange ตำแหน่งของภาพ หรือข้อความบนหน้าจอ เพื่อให้สามารถเห็นข้อความตามต้องการ
ลองดูตัวอย่างการเขียนโค้ด สำหรับการจัดขนาดภาพตรงกลาง
android:src="@drawable/android_party"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
/>

สำหรับมือใหม่หรือผู้สนใจ หากต้องการเห็นความแตกต่างของการจัดภาพ ระหว่าง Scale Type center กับ Scale Type center Crop ก็แนะนำ ให้ทดสอบโค้ดทั้งสองแบบดู เพื่อดูความแตกต่างด้วยตนเอง


ทบทวนขั้นตอนสำหรับการออกแบบแอพ
1 การออกแบบมุมมอง เป็นข้อความ รูปภาพ ปุ่ม หรือ ฟอร์ม เป็นต้น
2 การจัดตำแหน่งของแต่ละรายการ
เช่น แนวนอน แนวตั้ง การกำหนดเป็นแถวเรียง  หรือแบบสัมพันธ์กัน
3 กำหนดสไตล์หรือรูปแบบ เช่นตัวหนา สีขาว หรือ ดำ เป็นต้น

Post a Comment