กำลังคิดหาวิธีแก้ DIALOG
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
ในการแข่งขัน GUI ของวันนี้ @AdamArgyleInk จะแสดงให้เห็นวิธีปรับปรุงองค์ประกอบกล่องโต้ตอบเป็นภาพ ขณะเดียวกันก็รักษา UX ที่เข้าถึงได้ง่ายในระดับสากลไว้
จำนวนบท:
- 0:00 - แนะนำตัว
- 0:22 - ภาพรวม
- 0:53 - ตรวจสอบ UX ในกล่องโต้ตอบ
- 2:33 - มาร์กอัปกล่องโต้ตอบ
- 3:00 - แสดง/ซ่อน
- 4:20 - มุมแก้ไขข้อบกพร่อง
- 5:38 - ปรับสีอัตโนมัติ
- 6:09 - เลย์เอาต์
- 7:10 - ลดการเคลื่อนไหว
- 8:30 - UX
- 9:55 - เหตุการณ์ที่กำหนดเอง
- 11:00 - เลื่อนได้
- 13:37 - เลย์เอาต์นานาชาติ
- 14:52 - สรุป
- 15:30 - ปิดท้าย
แหล่งข้อมูล:
ดูความท้าทายใน GUI เพิ่มเติม → https://goo.gle/GUIchallenges
ติดตามนักพัฒนาซอฟต์แวร์ Google Chrome → https://goo.gle/ChromeDevs
arrow_back กลับไปที่ตอนทั้งหมด
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2022-04-13 UTC
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"ไม่มีข้อมูลที่ฉันต้องการ"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"ล้าสมัย"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"ปัญหาเกี่ยวกับการแปล"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"อื่นๆ"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"เข้าใจง่าย"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"แก้ปัญหาของฉันได้"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"อื่นๆ"
}]
{
"last_modified": "อัปเดตล่าสุด 2022-04-13 UTC",
"state": ""
}