Android Login exampleBy IamUser773

วนนเรามาลองเขยนแอปloginกนดดกวา โดยเนอหาทเราจะไดเรยนรม

• การออกแบบหนาจอโดยใชโปรแกรม Photoshop

• ตอนท 1 • ตอนท 2

• การนำารปทออกแบบมาใชในandroid• วธทำาใหแอปของเรารองรบหลายหนาจอ

สำาหรบใครทไมอยากออกแบบเอง ผมกไดทำาการอพโหลดไวใหท github เรยบรอย

แลว สามารถดงมาใชไดเลยนะครบ

หลงจากทเราเราไดทำาการออกแบบหนาจอ login สำาหรบหนาจอ mdpi และ

xxhdpi เปนทเรยบรอยแลวเรากทำาการสรางproject ใน android studio กน

เลย

สำาหรบชอผมตงวา Login นะครบ และทำาการกำาหนด minSdk 17 และเลอก

empty activity

กอนอนเราตองทำาการดงรปทเราสรางเขามาใน android studio ซะกอนโดยใหสรางโฟลเดอร 2 อน สำาหรบภาพ mdpi และ xxhdpi โดยใหสรางไวดานนอกและกอปเขามาวางทโฟลเดอร res จะงายกวา ทสำาคญคอชอของไฟลรปตองเหมอนกนนะครบ (ถาหาโฟลเดอรไมเจอใหเปลยนมมมองดานบนเปนแบบ project ดนะ)

ตอมาเราจะสราง selector drawable เมอเวลาuser คลกทปมจะทำาการเปลยน

รปเปนอกรปหนง

โดยเราจะมการดกสถานะวามการกดปมหรอไม

ขนตอนตอไปเราจะตองสรางโฟลเดอร values-w720dpเอาไวทำาอะไรละ ?ถงความหนาแนนของหนาจอจะเปนสงสำาคญ แตขนาดของหนาจอกสำาคญเหมอนกนถงเราจะกำาหนดขนาด DP เทากน แตในขนาดหนาจอทใหญกวา ยกตวอยางเชนหนาจอ 10 นว กบ 5 นว ถงเราจะกำาหนดขนาด 100dp เทากนแตดวยขนาดหนาจอทตางกนมากทำาใหขนาดของมนกตางกนดวย เราจงตองสรางโฟลเดอรเพอแยกวาถาหนาจอขนาดนควรใช values ใด

สำาหรบตารางในการอางองกตามนเลยครบสำาหรบใครทตองการกำาหนด values สำาหรบหนาจอขนาดอน กสามารถสรางโฟลเดอรไดตามนเลย

สำาหรบโทรศพททวไป

สำาหรบแทบเลต 10 นว

เมอทำาการกำาหนดคาตางๆเรยบรอยแลวเรากมาเรมตนออกแบบหนาจอ activity_main.xml กนเลย

สำาหรบโคดสามารถดไดทMainActivity.java

เสรจเรยบรอยครบ ทดสอบ run ดเลย

จะเหนวาถงขนาดหนาจอจะตางกนแตเรากสามารถกำาหนดขนาดใหใกลเคยงกนได สำาหรบตอนนกขอจบเพยงแคนนะครบ

ตดตามตอนใหมๆ ไดทwww.droid-wizard.blogspot.com