Action ของ Photoshop สำหรับ Resize รูปกราฟิก บนหน้าจอ Android ที่ DPI ต่างๆ กัน

สำหรับเราเวลาทำ UI ของ Android เวลาทำเรามักจะทำ และเทสที่ขนาด xxhdpi ก่อน เมื่อขนาดนี้สวยแล้ว ก็จะเริ่มในขนาดหน้าจอที่ dpi ต่ำกว่าต่อ

แต่ในความหมายที่ทำในหน้าจอ dpi ที่ต่ำกว่าต่อ เราก็เทสแค่ layout โอเค ไม่เละนะ ส่วนการ resize รูปแยกตาม folder ของ dpi เรายังไม่ทำ เราเก็บไว้ทำหลังสุด วิธีการนี้ดีรึเปล่าก็ไม่รู้นะ…

ไฟล์กราฟิกที่ได้จากดีไซน์เนอร์จะมีหลายประเภทมาก แล้วแต่ความถนัดของดีไซน์เนอร์แต่ละคน มีทั้ง Illustrator, Photoshop หรือ Sketch วิธีการทำภาพของเรา อย่างที่บอกจะทำขนาดใหญ่สุดก่อน ก็คือ xxhdpi พอทำครบแล้ว เราถึงเอารูปภาพทั้งหมดใน folder xxhdpi มา resize เป็น xhdpi, hdpi และ mhdi โดยภาพตั้งต้น จะ resize จาก xxhdpi

ด้วยความที่เอาภาพมา resize ทีหลังสุด เราเลยเลือกใช้เครื่องมือจาก Photoshop โดยการสร้าง action ไว้เพื่อจะได้ประหยัดเวลา action ที่ทำไว้จะมีอยู่ 3 แบบ คือ

action-resize-android

  1. ขนาด xxhdpi เป็น xhdpi
  2. ขนาด xxhdpi เป็น hdpi
  3. ขนาด xxhdpi เป็น mdpi

วิธีใช้ คือ

  1. ดาวโหลดไฟล์ action จากที่นี่ ดาวน์โหลดไฟล์ action
  2. ติดตั้ง action (ดับเบิ้ลคลิกที่ไฟล์)
  3. เปิดรูปขนาด xxdpi
  4. เลือกใช้ action ตามขนาดที่ต้องการ resize ภาพ ทำไว้ 3 แบบ

เพิ่มเติม

action นี้จะทำเพียง resize เท่านั้น ถ้าอยากให้ action นี้ ใช้งานสะดวกมากขึ้น ให้กดอัดเพิ่มขั้นตอนของการ Export file และ Close file เข้าไปที่จริงอยากทำเอาใส่ไว้ใน action นี้ด้วยเลย แต่ไม่รู้ว่าจะกำหนด folder ปลายทางให้ใช้กันได้ทุกคนได้ยังไง -.-”

กำหนดให้แสดงผลในหน้าจอแนวตั้งอย่างเดียว

ไปที่ไฟล์ AndroidManifest.xml

กำหนดว่า
android:screenOrientation=“portrait”

ตัวอย่าง
<activity
android:name=”com.opendream.onechange.ChangeMissionActivity”
android:label=”@string/title_activity_change_mission”
android:screenOrientation=”portrait” >
</activity>

Underline text

  1. ไปสร้าง text ในไฟล์ strings.xml
    แล้วใส่ <span style=”text-decoration: underline;>…ข้อความ…..</span>
  2. เอาไปใส่ใน xml ที่เราต้องการแบบนี้
    android:text=”@string/ชื่อที่ตั้งไว้”