เกริ่นก่อนว่าผมไม่ได้เป็นคนทำนะครับและผมก็ไม่เคยพัฒนาโปรแกรมบน android เลยด้วย เป็นแค่คนคุมโปรเจ็ค
พอดีตอนแรกลูกค้าต้องการแอพ android บน tablet หน้าจอ 7 นิ้วน่ะครับ แล้วเมื่อทำเสร็จ ลูกค้าอยากจะเอาไปลงบน smartphone ด้วย (งานเพิ่ม) แต่ด้วยการที่พัฒนาบนหน้าจอ 7 นิ้วมาตั้งแต่ต้น พอลงบน smartphone มันก็เจ๊ง ปุ่มกระจุกซ้อนทับกันบ้างและอื่นๆ อีก ง่ายๆ ก็คือมันใช้ไม่ได้อะครับ ทีนี้ สิ่งที่ผมอยากถามทุกคนคือ เราจะสามารถทำให้แอพที่พัฒนาบนหน้าจอ 7 นิ้วมารันบน smartphone โดยไม่มีปัญหาเรื่อง layout ได้มั๊ย? เช่น อาจจะมี scroll bar ด้านขวากับด้านล่างอะไรประมาณนี้อะครับ รบกวนคนที่มีความรู้ด้านนี้แนะนำหน่อยครับ ขอบคุณมากครับ
Hiring! บริษัทที่น่าสนใจ
Carmen Software
Hotel Financial Solutions
Next Innovation (Thailand) Co., Ltd.
We are web design with consulting & engineering services driven the future stronger and flexibility.
KKP Dime
KKP Dime บริษัทในเครือเกียรตินาคินภัทร
Kiatnakin Phatra Financial Group
Financial Service
Fastwork Technologies
Fastwork.co เว็บไซต์ที่รวบรวม ฟรีแลนซ์ มืออาชีพจากหลากหลายสายงานไว้ในที่เดียวกัน
Thoughtworks Thailand
Thoughtworks เป็นบริษัทที่ปรึกษาด้านเทคโนโยลีระดับโลกที่คว้า Great Place to Work 3 ปีซ้อน
Iron Software
Iron Software is an American company providing a suite of .NET libraries by engineer for engineers.
CLEVERSE
Cleverse is a Venture Builder. Our team builds several tech companies.
Nipa Cloud
#1 OpenStack cloud provider in Thailand with our own data center and software platform.
Bangmod Enterprise
The leader in Cloud Server and Hosting in Thailand.
CIMB THAI Bank
MOVING FORWARD WITH YOU - CIMB is the leading ASEAN Bank
Bangkok Bank
Bangkok Bank is one of Southeast Asia's largest regional banks, a market leader in business banking
MuvMi (Urban Mobility Tech Co.,Ltd.)
Shape the future of urban mobility towards affordable, clean, and safe solutions
T.N. Digital Solution Co., Ltd.
TNDS has been involving in every first move of banking’s major digital transformation.
KBTG - KASIKORN Business-Technology Group
KBTG - "The Technology Company for Digital Business Innovation"
Siam Commercial Bank Public Company Limited
"Let's start a brighter career future together"
Icon Framework co.,Ltd.
Global Standard Platform for Real Estate แพลตฟอร์มสำหรับธุรกิจอสังหาริมทรัพย์ครบวงจร มาตรฐานระดับโลก
REFINITIV
The Financial and Risk business of Thomson Reuters is now Refinitiv
H LAB
Re-engineering healthcare systems through intelligent platforms and system design.
The Gang Technology Co., Ltd.
We're a Digital Agency that helps our customers transform their business into digital with ease.
LTMH
LTMH มุ่งเน้นการพัฒนาผลิตภัณฑ์ที่สามารถช่วยพันธมิตรของเราให้บรรลุเป้าหมาย
Seven Peaks
We Drive Digital Transformation
Wisesight (Thailand) Co., Ltd.
The Best Choice For Handling Social Media · High Expertise in Social Data · Most Advanced and Secure
MOLOG Tech
We are Modern Logistic Platform, Specialize in WMS, OMS and TMS.
Data Wow Co.,Ltd
We enable our clients to realize increased productivity by solving their most complex issues by Data
LINE Company Thailand
LINE, the world's hottest mobile messaging platform, offers free text and voice messaging + Call
LINE MAN Wongnai
Join our journey to becoming No.1 food platform in Thailand
ต้องดูไฟล์ layout
mr_tawan Thu, 08/08/2013 - 15:14
ต้องดูไฟล์ layout อ่ะครับว่าวางยังไง ... ผมเดาว่าไอ้ระดับบนสุดนี่เป็น match_parent แหง ๆ (และทุกอย่างที่เหลือใช้ Absolute Layout ทั้งหมด ซึ่งก็ไม่ควรทำ) ลองเปลี่ยนเป็น wrap_content ดูน่าจะช่วยได้หน่อยนึง
ทางออกระยะยาวคือสร้าง layout แยกสำหรับขนาดหน้าจอแต่ละแบบให้ไม่เหมือนกันครับ + ใช้ Fragment ช่วยด้วยงานจะง่ายขึ้นอีกเยอะทีเดียว
ใช้ Fragment
SleeperMoNKeY Thu, 08/08/2013 - 15:20
In reply to ต้องดูไฟล์ layout by mr_tawan
ใช้ Fragment ช่วยนี่ทำยังไงหรอครับ
ผมยกตัวอย่าง ... โปรแกรม
mr_tawan Thu, 08/08/2013 - 17:16
In reply to ใช้ Fragment by SleeperMoNKeY
ผมยกตัวอย่าง ... โปรแกรม People ใน Android นะครับ โปรแกรมนี้ถ้ารันบนมือถือจอเล็ก มันจะมีรายชื่อ แล้วพอกดรายชื่อปุ๊บมันจะเปิดหน้าจอ Details ขึ้นมาทับ ต้องกด back ถึงจะกลับไปหน้ารายชื่อ
ส่วนบน Tablet 7" โปรแกรมจะมีการแบ่งเป็นหน้าจอซ้ายขวา ด้านซ้ายเป็นรายชื่อ ด้านขวาเป็น Details จะไม่มีการสลับหน้าจอไปมา
วิธีการ implement โปรแกรมลักษณะนี้คือ เราจะมี fragment 2 อัน อันหนึ่งเป็นรายชื่อ อีกอันเป็น details แต่ละอันมี layout ของตัวเอง (หรือใช้ ListFragment ไปเลยก็ยังได้)
จากนั้น เราก็เขียน activity 2 อัน อันที่เป็น main activity อาจจะมีแค่ fragment สำหรับรายชื่อ แล้วพอกดรายชื่อขึ้นมาสักคนก็ไปเรียก activity สำหรับ details ขึ้นมา หรืออาจจะมีทั้งสอง fragment ขึ้นอยู่กับขนาดหน้าจอ การใส่ fragment เราก็แค่เพิ่ม fragment ลงไปใน layout เท่านั้นเอง
มันยังมีรายละเอียดหยุมหยิมอย่างการส่งข้อมูลระหว่าง fragment/activity (ใช้วิธีไม่เหมือนกัน) แต่ก็ไม่ได้ลำบากอะไรมากมายครับ (โดยเฉพาะถ้าเขียนแยกเป็นชิ้น ๆ เอาไว้แต่แรก)
ลองดูนะครับ
พอเห็นภาพแล้ว ขอบคุณครับ
SleeperMoNKeY Thu, 08/08/2013 - 17:29
In reply to ผมยกตัวอย่าง ... โปรแกรม by mr_tawan
พอเห็นภาพแล้ว ขอบคุณครับ
อย่างงี้คือต้องทำหน้าจอที่รอง
Myst Thu, 08/08/2013 - 17:01
In reply to ต้องดูไฟล์ layout by mr_tawan
อย่างงี้คือต้องทำหน้าจอที่รองรับ smartphone เพิ่ม เหมือนจากหน้าจอของเดิมมีกี่หน้าจอก็คูณ 2 ไปเลยถูกมั๊ยครับ? งานต้องเยอะขึ้นไม่ใช่น้อย
ผมก็ไม่เคยเขียนโปรแกรมบน android ไม่ค่อยเข้าใจ wording พวกนั้นซักเท่าไหร่ แต่ก็พอเข้าใจคอนเซปต์ละ ยังไงก็ขอบคุณมากๆ เลยครับ
ถ้าออกแบบดี ๆ ก็ไม่ถึงกับต้อง
mr_tawan Thu, 08/08/2013 - 17:27
In reply to อย่างงี้คือต้องทำหน้าจอที่รอง by Myst
ถ้าออกแบบดี ๆ ก็ไม่ถึงกับต้อง x2 หรอกครับ บางหน้าจอก็ขยายกันได้ บางหน้าจอจับมารวมกันเป็นหน้าจอเดียวกันได้ อะไรทำนองนี้
ในระยะสั้นเนี่ย ผมอยากให้ลองเช็คดูก่อนว่ามีหน้าจอไหนบ้างที่มันไม่สามารถแสดงผลได้อย่างถูกต้องบนหน้าจอมือถือ และด้วยสาเหตุอะไร ถ้ามันแสดงผลถูกอยู่แล้วก็ไม่ต้องไำปยุ่งกับมัน ส่วนหน้าที่แสดงผลไม่ถูกก็ดูว่าเพราะอะไร ถ้าข้อมูลมันแน่นเกินไป (เช่นหน้าจอมีสองพาแนลซ้ายขวา) ก็ลองแยกออกมาเป็นสองหน้าจอ หรือถ้าใช้ absolute layout มากเกินไปก็ลองพิจารณาดูว่าจะใช้ layout แบบอื่นช่วยได้หรือเปล่า
ลองศึกษาจาก http://developer.android.com/guide/topics/ui/declaring-layout.html ดูนะครับ
หวังว่าจะช่วยลดปริมาณคำถามที่ยังไม่ได้คำตอบลงได้บ้างนะครับ :)
ปล.ถ้าไงลองเอา screenshot มาแปะดูก็ได้นะครับ
พอจะเข้าใจมากขึ้นละครับ
Myst Thu, 08/08/2013 - 17:39
In reply to ถ้าออกแบบดี ๆ ก็ไม่ถึงกับต้อง by mr_tawan
พอจะเข้าใจมากขึ้นละครับ ขอบคุณมากครับ
พอดีงานมันเสร็จไปแล้วแหละครับ แต่หัวหน้าเค้าอยากเอามาใช้บน smartphone ของตัวเองด้วย เค้าก็ยินดีจ่ายเงินเพิ่มนะ แต่ถ้าเยอะไปผมก็กลัวไม่คุ้ม คิดแพงไปก็ไม่ได้เพราะเป็นแค่งานเพิ่ม
จริง ๆ
hoolala Thu, 08/08/2013 - 17:43
In reply to อย่างงี้คือต้องทำหน้าจอที่รอง by Myst
จริง ๆ แล้วมันก็ไม่ได้ยากมากนะครับ แบบที่ง่ายที่สุดคือ ทำไฟล์ layout(xml) สำหรับหลาย ๆ ขนาดหน้าจอแยกลงในแต่ละ folder ตามนี้ (ไม่ต้องทำครบทุกอัน เฉพาะอันที่ใช้ก็พอ)
โดยแต่ละ layout ก็ทำรูปแบบต่างกันไปตามต้องการ แต่ต้องตั้งชื่อ View ต่าง ๆ ให้เหมือนกัน ซึ่งจะทำให้เวลา coding แทบไม่ต้องเปลี่ยนแปลงอะไรเลยเพราะว่าเราเรียกถึง View ต่าง ๆ ได้จาก id ของมันอยู่แล้ว
สำหรับรายละเอียดคงต้องอ่านเพิ่มเติมในนี้ครับ
http://developer.android.com/guide/practices/screens_support.html
พอดีว่าโปรแกรมเมอร์เป็น out
Myst Thu, 08/08/2013 - 18:11
In reply to จริง ๆ by hoolala
พอดีว่าโปรแกรมเมอร์เป็น out source น่ะครับ ไม่ได้คุยง่ายเหมือนโปรแกรมเมอร์ของผมเอง (เรื่องคุยยากกว่าการลงมือทำซะอีก) แต่ยังไงก็ขอบคุณสำหรับคำแนะนำครับ :)
อ้อ เห็นว่าคุณเป็น PM
mr_tawan Thu, 08/08/2013 - 17:29
อ้อ เห็นว่าคุณเป็น PM อยากให้ลองอ่าน Android Developer ดูอ่ะครับ เอาแค่ส่วน Design กับ Guide นิดหน่อย ไม่ต้องไปสนพวกโค๊ดมาก
ผมว่ามีความรู้ประมาณนึงจะเถียงกับ Dev/Designer ได้ง่ายกว่าไม่รู้อะไรเลยนะ เดี๋ยวโดนเขาต้มเอาแล้วจะกลายเป็นงานไม่เสร็จ
ดีเลยครับ ขอบคุณมากครับ
Myst Thu, 08/08/2013 - 17:42
In reply to อ้อ เห็นว่าคุณเป็น PM by mr_tawan
ดีเลยครับ ขอบคุณมากครับ
เปลี่ยนหน่วย ของ icon
jiramot Fri, 09/08/2013 - 19:39
เปลี่ยนหน่วย ของ icon ทั้งหมดให้เป็น dp ก่อนละกันครับ แต่ถ้าแก้จาก tab7" มาเป็น มือถืออาจจะเหนื่อยหน่อย
เพราะว่า จากหน้าจอ sw600 มาเปลือ sw320 มันพื้นที่แนวกว้างหายไปเยอะ ต้องลองเปลี่ยน layout
หน้าจอแนวตั่งไม่น่ามีปัญหา เพราะใช้ scroll view เข้าไปช่วยได้