ไทม์ไลน์
มุมมองแบบ Gantt สำหรับงานที่ยาวหลายวัน เรียงเป็นกลุ่มตามปฏิทิน แถบใช้ภาษาเดียวกับแถบบนเดือน: พื้นสีอ่อน ขีดหัว และจางลงตามเวลาที่ผ่านไป นัดที่อยู่ในช่วงของงานยาวห้อยเป็นจุดใต้แถบ จึงเห็นว่างานใหญ่มีนัดอะไรอยู่ข้างในโดยไม่ต้องกาง
มือถือและจอพับ
บนมือถือ งานที่ไม่ทับกันใช้แถวเดียวกันเพื่อประหยัดความสูง (จัดด้วยวิธีเดียวกับ layoutWeek) บนจอพับที่กว้างพอ แต่ละงานได้แถวของตัวเอง มีคอลัมน์รายชื่อพร้อมความคืบหน้าทางซ้าย แตะแถบหรือรายชื่อเพื่อเลือก กด − เพื่อดูรายสัปดาห์
โครงของแถบ
ขยาย 2 เท่า ในแถบมีแค่ขีดหัว ชื่อ และจำนวนวัน ทุกอย่างที่เป็นเวลาอยู่นอกตัวแถบ: ขอบที่จางตรงกับเส้นตอนนี้ของทั้งไทม์ไลน์พอดี นัดย่อยห้อยอยู่ใต้แถบ ตัวหนังสือจึงไม่มีอะไรมาทับ
- ขีดหัว 3 dp สีเต็ม เฉพาะวันที่เริ่มจริง แถบสูง 26 dp มุม 8 dp
- ชื่อและจำนวนวัน ห่างขอบ 11 dp ติดขอบซ้ายของส่วนที่มองเห็นเสมอ (sticky) เลื่อนไปกลางงานยาวก็ยังอ่านได้
- เส้นตอนนี้ เส้นเดียวของทั้งไทม์ไลน์ ไม่มีขอบแยกในแต่ละแถบ
- ส่วนที่ผ่านไปแล้ว พื้น bandPast ผสมสีกิจกรรม 8%
- ส่วนที่เหลือ พื้น band ผสม 20% ยิ่งใกล้จบ สีของแถบยิ่งหดเหลือทางขวา
- นัดที่ยังไม่ถึง จุด 5 dp ใต้แถบ 2 dp วางตรงกลางเวลาของนัด
- นัดที่จบแล้ว วงกลวง เหมือนแถวจุดบนเดือน
เครื่องหมาย
รูปทรงบอกชนิด สีบอกปฏิทินของงาน ความจางบอกเวลา ทุกเครื่องหมายมีเวอร์ชันผ่านไปแล้วของตัวเอง
กติกา
สิ่งที่ต้องทำตามเมื่อเพิ่มเครื่องหมายหรือมุมมองใหม่ในไทม์ไลน์
- กลุ่ม เลือกได้ที่ชิปบนหัวไทม์ไลน์ (หรือตั้งค่า): ตามปฏิทิน (ค่าเริ่มต้น ลำดับเดียวกับรายการปฏิทินในตั้งค่า) ตามบัญชี (จุดหัวกลุ่มเป็นวงกลวง) หรือตามสี (ชื่อกลุ่มคือชื่อสีที่ผู้ใช้ตั้ง เรียงตามลำดับสีใน picker) นัดย่อยใต้แถบยังมาจากปฏิทินเดียวกันเสมอ หัวกลุ่มติดขอบซ้ายตอนเลื่อน มีจำนวนงาน วันหยุดราชการรวมเป็นแถวเดียวท้ายสุดทุกแบบ
- แถว สูง 36 dp แถบ 26 dp มือถืออัดงานที่ไม่ทับกันลงแถวเดียว โดยกันที่ให้ชื่อที่อยู่นอกแถบด้วย จอกว้างตั้งแต่ 600 dp ใช้แถวละงาน
- แกนเวลา หัวคอลัมน์มีชื่อวันและเลขวัน ใต้หัวเป็นแถบกลางวันกลางคืนต่อกันทุกวัน (แสดงเฉพาะรายวัน) เสาร์อาทิตย์และวันหยุดมีพื้นจาง ๆ
- วันนี้ แคปซูลสี selection รอบชื่อวันและเลขวัน ตัวหนา ไม่ใช้สีแดงและไม่ทึบ สีแดงในหัวตารางเป็นของ “ตอนนี้” อย่างเดียว
- ตอนนี้ เส้น 1.5 dp สี now ลากตลอดความสูง ป้ายเวลาเป็นแคปซูลขอบ now พื้น canvas อยู่ใต้แถบฟ้า ห่างจากเลขวัน 19 dp เปิดมาครั้งแรกเลื่อนให้วันนี้อยู่คอลัมน์ที่ 4
- ซูม รายวัน 34 dp ต่อวัน (จอพับ 38) รายสัปดาห์ 14 dp หัวคอลัมน์เหลือเลขวันอาทิตย์ จีบสองนิ้วเพื่อซูม ปุ่ม − + สำหรับคนที่ใช้นิ้วเดียว
- เลือก แตะแถบหรือรายชื่อ แถบที่เลือกมีวงแหวน 1.5 dp สีเต็ม ห่างจากแถบ 2 dp แผ่นด้านล่างบอกวันที่ k จาก n เวลาที่เหลือ และนัดย่อยสี่รายการแรก
- อ่านออกเสียง แถบพูดว่า “ออกแบบ UI ใหม่, 29 ก.ย. ถึง 8 ต.ค., 10 วัน, วันที่ 4 จาก 10” จุดนัดย่อยไม่ถูกอ่านแยก
- ข้อมูล ไทม์ไลน์อ่านจาก CalendarRepository เหมือนเดือน ใช้
layoutWeek()ต่อกันหลายสัปดาห์ สีมาจากEventColorOverrides.resolveตัวเดียวกัน