Android Design

ภาพไอคอนของแอปบนแอนดรอยด์ที่นักพัฒนาควรรู้

ภาพไอคอนของแอปบนแอนดรอยด์ที่นักพัฒนาควรรู้

App Icon หรือภาพไอคอนของแอปก็เป็นอีกอย่างหนึ่งที่ถือว่าเป็นสิ่งสำคัญสำหรับแอปแทบทุกตัว เพราะภาพไอคอนสามารถสร้างภาพจำให้แก่ผู้ใช้ได้ โดยในบทความนี้จะพามาดูกันว่าการกำหนดภาพไอคอนในแอปบนแอนดรอยด์นั้นมีอะไรบ้างที่นักพัฒนาควรรู้

Android Design

รับมือกับปัญหาชวนปวดหัวกับขนาดของตัวอักษรเมื่อต้องเจอกับฟอนต์ที่หลากหลาย

รับมือกับปัญหาชวนปวดหัวกับขนาดของตัวอักษรเมื่อต้องเจอกับฟอนต์ที่หลากหลาย

ถ้าพูดถึงเรื่องฟอนต์บนแอนดรอยด์ ผู้ที่หลงเข้ามาอ่านก็คงนึกถึง Roboto เนอะ เพราะมันเป็นฟอนต์ที่ใช้บน Android 5.0 Lollipop เป็นต้นมา ถ้าทำแอปส่วนตัวก็คงไม่ต้องสนใจอะไรมาก แล้วใช้ฟอนต์ Roboto เนี่ยแหละ แต่ทว่าในโลกของการพัฒนาแอปนั้นบอกได้เลยว่า แค่เพียงฟอนต์เดียวก็อาจจะไม่เพียงพอเสมอไป

Android Design

เปลี่ยน Launch Screen ให้ดูดีกว่าที่เคยเป็นด้วยเทคนิคง่ายๆกันเถอะ

เปลี่ยน Launch Screen ให้ดูดีกว่าที่เคยเป็นด้วยเทคนิคง่ายๆกันเถอะ

หน้าแรกของแอปฯหรือที่เรียกกันว่า Launch Screen นั้น ก็เหมือน First Impression ของผู้ใช้ที่นักพัฒนาแอนดรอยด์ต้องใส่ใจ ซึ่งแต่ละแอปฯจะมีหน้าแรกแตกต่างกันออกไป บ้างก็จะเป็น Splash Screen ก่อน บ้างก็เปิดหน้า Sign In ขึ้นมาเลย

Android Design

เมื่อขนาดหน้าจอของมือถือในยุคใหม่ ไม่ใช่ 16:9 อีกต่อไป

เมื่อขนาดหน้าจอของมือถือในยุคใหม่ ไม่ใช่ 16:9 อีกต่อไป

ในทุกวันนี้ตลาดของมือถือแอนดรอยด์เริ่มมีการเปลี่ยนแปลงอยู่ตลอดเวลา ในยามที่ซักแบรนด์จะเปิดตัว Smartphone รุ่นใหม่ ก็มักจะมาพร้อมกับฟีเจอร์และสเปคที่มีการอัปเดตไปตามยุคสมัย แต่สิ่งหนึ่งที่น่าสนใจในช่วงนี้ก็คือเทรนด์ของสัดส่วนหน้าจอที่ไม่ใช่ 16:9 กันอีกต่อไป

Android Design

แบ่ง Layout ให้รองรับหน้าจอทุกขนาดด้วย Configuration Qualifier กันเถอะ

แบ่ง Layout ให้รองรับหน้าจอทุกขนาดด้วย Configuration Qualifier กันเถอะ

เรื่อง Multiple Screen Support หรือการทำให้แอปฯรองรับกับหน้าจอทุกขนาดถือว่าเป็นหนึ่งในเรื่องพื้นฐานที่นักพัฒนาจะต้องทำให้ได้ ดังนั้นบทความนี้เจ้าของบล็อกจึงขอแชร์หนึ่งในเทคนิคง่ายๆที่ทำให้แอปฯสามารถรองรับกับหน้าจอทุกขนาดด้วย Configuration Qualifier กัน

Android Design

เลิกใช้ Left/Right และเปลี่ยนมาใช้ Start/End ใน UI Layout ได้แล้วนะ

เลิกใช้ Left/Right และเปลี่ยนมาใช้ Start/End ใน UI Layout ได้แล้วนะ

การสร้าง UI Layout ของแอนดรอยด์จะขาด Margin, Padding หรือ Gravity ไปไม่ได้อย่างแน่นอน และนักพัฒนาก็จะคุ้นเคยกันดีกับการอ้างอิงตำแหน่งในรูปแบบของ Top, Bottom, Left และ Right แต่หารู้ไม่ว่าในปัจจุบันนี้แอนดรอยด์ได้เปลี่ยนมาใช้เป็น Top, Bottom, Start และ End แทนแล้วนะ

Android Design

Style and Theme — เพราะชีวิตต้องมีสไตล์

บนแอนดรอยด์นั้นได้มีการนำไฟล์ XML มาช่วยให้เรื่องของ Layout Design ให้ทำได้ง่ายขึ้น รวมไปถึง Resource ต่างๆอย่างการเก็บค่าข้อมูลไว้ในรูปของ XML ที่สามารถนำไปใช้งานได้ง่าย ทำอะไรได้เยอะ และ Style ก็เป็นหนึ่งใน Resource

Android Design

ทำ Password Visibility Toggle แบบง่ายๆได้ด้วย Material Design Support Library

ในทุกวันนี้นักพัฒนาแอนดรอยด์หลายๆคนก็คงต้องขอบคุณเจ้า Material Design Support Library ที่เข้ามาช่วยให้ชีวิตง่ายขึ้นมากๆ ซึ่ง Library ตัวนี้ทำให้นักพัฒนาสามารถสร้างแอปฯให้มีหน้าตาเป็นแบบ Material Design ได้ไม่ยาก เพราะเจ้

Android Design

จัดการภาพที่ใช้ในบนแอนดรอยด์อย่างไรให้ถูกต้อง

จัดการภาพที่ใช้ในบนแอนดรอยด์อย่างไรให้ถูกต้อง

ดังนั้นมาดูกันดีกว่าว่า ปกติเวลาเจ้าของบล็อกต้องทำแอปตัวหนึ่ง เจ้าของบล็อกนั้นมีวิธีจัดการกับไฟล์ภาพอย่างไรไม่ให้มีปัญหาวุ่นวาย

Android Design

Constrain Layout ของเล่นใหม่ที่จะมาเปลี่ยนโลกของ UI Layout บนแอนดรอยด์

ทุกวันนี้ไม่ว่าเจ้าของบล็อกจะไปพบปะกับ Android Dev ที่ไหนก็ตาม ถ้าพูดถึงเรื่องการจัด UI Layout บนแอนดรอยด์ ส่วนใหญ่ก็จะรู้สึกว่ามันเป็นเรื่องยาก ยากที่จะเข้าใจ ยากที่จะออกแบบ และใช้เวลานาน ถึงแม้ว่า

Android Design

สิ่งที่ควรจะรู้เมื่อต้องตะลุยไปกับงานแอนดรอยด์ที่เกี่ยวกับ Font สุดหรรษา

สิ่งที่ควรจะรู้เมื่อต้องตะลุยไปกับงานแอนดรอยด์ที่เกี่ยวกับ Font สุดหรรษา

การ Custom Font หรือเปลี่ยน Font ภายในแอปให้เป็น Font ที่ต้องการ ถือว่าเป็นหนึ่งในเรื่องที่นักพัฒนาสามารถเจอกันได้อยู่บ่อยๆ เพราะไม่ใช่ทุกแอปที่ออกแบบมาเพื่อให้ใช้ System Font ดังนั้นวันนี้ของเล่าเรื่องราวเกี่ยวกับการทำ Custom Font ภายในแอปดีกว่า

Android Design

เพราะดีไซน์บางอย่างนั้นไม่ได้เหมาะกับบนมือถือเสมอไป

วันนี้ขอเปลี่ยนอารมณ์มาเขียนบทความเกี่ยวกับดีไซน์กันบ้าง (เดี๋ยวจะเบื่อโค๊ดกัน) สำหรับการเขียนแอปพลิเคชันขึ้นมาซักตัว หนึ่งสิ่งสำคัญที่ขาดไปไม่ได้ก็คือการดีไซน์ตัวแอปพลิเคชันออกมาให้ดี (ดูดีมีชั

Android Design

แก้ปัญหาภาพพื้นหลังบิดเบี้ยวได้ง่ายๆด้วย Frame Layout

บทความนี้ว่าจะเขียนตั้งนานแล้ว แต่ว่าหาโอกาสไม่ได้ซักที (บ้างก็ลืม บ้างก็ไม่ว่าง) โดยปกติแล้วการดีไซน์แอพฯในยุคนี้ การใส่ภาพพื้นหลังอาจจะไม่ใช่สิ่งที่จำเป็นซักเท่าไร แต่ก็เชื่อว่าผู้ที

Android Design

วิธีการออกแบบไอคอนสำหรับแอปพลิเคชันแอนดรอยด์

คำถามเกี่ยวกับไอคอนของแอปพลิเคชันมักจะมีผู้ที่หลงเข้ามาอ่านถามกับเจ้าของบล็อกอยู่เป็นระยะๆ ดังนั้นเจ้าของบล็อกก็เลยขอทำบทความเรื่องนี้เสียเลย ไอคอนถือเป็นสัญลักษณ์อย่างหนึ่งที่ทำให้ผู้ใช้งานสามารถจดจำแอปพลิเคชันของผู้ที่หลงเข้ามาอ่านได้ โดยที

Android Design

การใช้งาน Nine Patch ในแอปพลิเคชันแอนดรอยด์

Nine Patch หรือ 9-Patch เป็นอีกวิธีหนึ่งที่จะช่วยให้แอปพลิเคชันของผู้ที่หลงเข้ามาอ่านรองรับกับหน้าจอหลายขนาดได้ง่ายขึ้น ซึ่งส่วนใหญ่จะใช้กับ Button โดยการทำงานของ Nine Patch สามารถดูได้ที่ ว่ากันด้วยเรื่อง

Android Design

Padding และ Margin สำคัญและต่างกันอย่างไร?

การจัด Layout บนแอนดรอยด์นั้น จะขาดสิ่งที่เรียกว่า Padding และ Margin ไปไม่ได้เลย เพราะเป็นหัวใจสำคัญในการจัด Layout ของแอปให้มีความสวยงาม ดังนั้นมาเข้าใจการทำงานและความแตกต่างของ Padding และ Margin กันเถอะ ทำไมถึงต้องใช้ Padding และ Margin? หน้าที

Android Design

เคล็ดไม่ลับกับภาพ Drawable Resource สำหรับรองรับหน้าจอหลายขนาด

ขอพูดถึงเรื่องดีไซน์กันหน่อยละกันนะสำหรับบทความนี้ โดยคราวนี้จะมาพูดถึงวิธีการใช้งานไฟล์ภาพใน drawable บ้าง ผู้ที่หลงเข้ามาอ่านหลายคนก็รู้จักกันดีอยู่แล้วกับโฟลเดอร์นี้ ซึ่งคราวนี้เจ้าของบล็อกก็จะมาพูดถึงการจัดการกั

Android Design

ภาพ Vector ขยายยังไงภาพก็ไม่แตกกกกกก

วันนี้เป็นเรื่องผสมโรงระหว่างโค๊ดกับการออกแบบเสียหน่อยนะ เพราะเป็นเรื่องของการออกแบบนั่นแหละ แต่มีโค๊ดมาเกี่ยวข้อง โดยบทความนี้ขอพูดเรื่องภาพเวคเตอร์กับแอปพลิเคชันเสียหน่อย สำหรับผู้ที่หลงเข้ามาอ่านที่ไม่เคยทำงานเกี่ยวกับกราฟฟิคมาก่อนก็คงจะไม่ค่

Android Design

สร้างภาพง่ายๆจาก XML ด้วย Shape Drawable

สร้างภาพง่ายๆจาก XML ด้วย Shape Drawable

โดยปกติเวลาสร้างแอปขึ้นมาซักตัวหนึ่ง ก็จะต้องมีการใช้รูปภาพใน UI กันอยู่แล้ว แต่รู้หรือไม่ว่าบนแอนดรอยด์นั้นสามารถใช้สิ่งที่เรียกว่า Shape Drawable เพื่อลดการใช้ไฟล์ภาพ​ ซึ่งจะช่วยให้แอปมีขนาดเล็กลงได้ด้วยนะ

Android Design

แท้จริงแล้วหน่วย dp คืออะไร?

สำหรับผู้ที่หลงเข้ามาอ่านคนใดยังไม่ได้อ่านเรื่อง Size และ Density ไปอ่านก่อนที่ ว่าด้วยเรื่อง Size และ Density ของหน้าจอ เพื่อที่จะได้เข้าใจในบทความนี้ได้มากขึ้น เพราะมันเกี่ยวข้องกัน ก็เป็นที่รู้กั

Android Design

ว่าด้วยเรื่อง Size และ Density ของหน้าจอ

ว่าด้วยเรื่อง Size และ Density ของหน้าจอ

รู้หรือไม่ว่าบนแอนดรอยด์นั้นได้มีการกำหนดรูปแบบในการแสดงผลบนหน้าจอ เพื่อให้ UI บนแอนดรอยด์นั้นสามารถแสดงด้วยขนาดที่เหมาะสมกับหน้าจอในแต่ละขนาดได้ และแน่นอนว่า นี่ก็เป็นสิ่งที่นักพัฒนาแอนดรอยด์ควรรู้และเข้าใจด้วยเช่นกัน