「小米手環4」僅需6分鐘！秒知道「JSON」到底對「錶盤」做了甚麼？

隨著「小米手環4」錶盤製作越來越多樣化，所以現在來普及一下大家都認識卻又陌生的「JSON」，透過之前簡易製作表盤的教學有提到用透過「JSON」來打包錶盤，就可以發現它是一個非常簡單的文件，但卻掌控著錶盤的核心，通過它的控制讓錶盤井然有序地工作著、運作著！但是它卻不複雜，應該說它非常的簡單易懂，可以說看完本篇文章，而且一點都不誇張！你就可以秒懂錶盤的架構了！記得要搭配使用「notepad++」來開啟/編輯你的JSON檔案喔！

什麼是JSON？

JSON（JavaScript Object Notation，JavaScript物件表示法，讀作「Jason」）是一種語言以易於讓人閱讀的文字為基礎，用來傳輸由屬性值或者序列性的值組成的資料物件。儘管JSON是JavaScript的一個子集，但JSON是獨立於語言的文字格式，並且採用了類似於C語言家族的一些習慣。

小米手環錶盤-JSON說明

{
“Background”: { //錶盤背景
“Image”: { //背景圖片位置
“X”: 0,
“Y”: 0,
“ImageIndex”: 0 //背景圖片檔案名稱 0 = 0000.png
}
},
“Time”: { //時間
“Hours”: { //時間-小時
“Tens”: { //時間-小時的十位數
“X”: 6, //調整元素位置；左右
“Y”: 51, //調整元素位置；上下
“ImageIndex”: 1, //時間-小時引用開頭的第1張圖片 1 = 0001.png
“ImagesCount”: 10 //時間-小時引用圖片張數 10 = 0010.png~0010.png
},
“Ones”: { //時間-小時的個位數
“X”: 31,
“Y”: 51,
“ImageIndex”: 1,
“ImagesCount”: 10
}
},
“Minutes”: { //時間-分鐘
“Tens”: {
“X”: 64,
“Y”: 51,
“ImageIndex”: 1,
“ImagesCount”: 10
},
“Ones”: { //時間-秒
“X”: 89,
“Y”: 51,
“ImageIndex”: 1,
“ImagesCount”: 10
}
}
},
“Activity”: { //運動數據
“Steps”: { //步數
“Step”: {
“TopLeftX”: 43, //左上座標 X
“TopLeftY”: 223, //左上座標 Y
“BottomRightX”: 98, //右下座標 X
“BottomRightY”: 237, //右下座標 Y
“Alignment”: “TopLeft”, //對齊方式
       //位置 TopCenter TopLeft TopRight
//CenterLeft Center CenterRight
//BottomLeft BottomCenter BottomRight九種位置
“Spacing”: 0, //間距
“ImageIndex”: 11,
“ImagesCount”: 10
}
},
“Calories”: { //卡路里
“Number”: { //數據
“TopLeftX”: 19,
“TopLeftY”: 183,
“BottomRightX”: 59,
“BottomRightY”: 195,
“Alignment”: “TopLeft”,
“Spacing”: 1,
“ImageIndex”: 30,
“ImagesCount”: 10
},
“DelimiterImageIndex”: 1 //無數據時顯示圖片
},
“Pulse”: { //心率
“Number”: {
“TopLeftX”: 19,
“TopLeftY”: 218,
“BottomRightX”: 59,
“BottomRightY”: 230,
“Alignment”: “TopLeft”,
“Spacing”: 1,
“ImageIndex”: 30,
“ImagesCount”: 10
},
“DelimiterImageIndex”: 3
},
“Distance”: { //距離
“Number”: {
“TopLeftX”: 60,
“TopLeftY”: 218,
“BottomRightX”: 116,
“BottomRightY”: 229,
“Alignment”: “Right”,
“Spacing”: 1,
“ImageIndex”: 30,
“ImagesCount”: 10
},
“SuffixImageIndex”: 92, //單位
“DecimalPointImageIndex”: 91 //小數點
}
},
“Date”: { //日期，星期，上午，下午
“MonthAndDay”: { //月、日
“Separate”: {
“Month”: {
“TopLeftX”: 82,
“TopLeftY”: 31,
“BottomRightX”: 104,
“BottomRightY”: 45,
“Alignment”: “TopLeft”,
“Spacing”: 0,
“ImageIndex”: 11,
“ImagesCount”: 10
},
“Day”: { //天
“TopLeftX”: 57,
“TopLeftY”: 31,
“BottomRightX”: 79,
“BottomRightY”: 45,
“Alignment”: “TopLeft”,
“Spacing”: 0,
“ImageIndex”: 11,
“ImagesCount”: 10
}
},
“TwoDigitsMonth”: true, //2位數顯示(月)參數：true/flase
“TwoDigitsDay”: true //2位數顯示(日)參數：true/flase
},
“WeekDay”: { //星期
“X”: 12,
“Y”: 31,
“ImageIndex”: 21, //引用圖片第1張（週一）當地語系化注意順序：cn-zh，cn-tw，en
“ImagesCount”: 21
},
“DayAmpm”: { //上午、下午
“TopLeftX”: 120, //左上座標X
“TopLeftY”: 250, //左上座標X
“ImageIndexAMCN”: 42, //CN上午
“ImageIndexPMCN”: 43, //CN下午
“ImageIndexAMEN”: 44, //EN上午
“ImageIndexPMEN”: 45 //EN下午
}
},
“Status”: { //勿擾、鎖屏、藍芽、電池
“DoNotDisturb”: { //勿擾圖示
“Coordinates”: {
“X”: 74,
“Y”: 2,
“X2”: 12,
“Y2”: 0,
“X3”: 1
},
“ImageIndexOn”: 46
},
“Lock”: { //鎖屏圖示
“Coordinates”: {
“X”: 89,
“Y”: 2,
“X2”: 12,
“Y2”: 0,
“X3”: 1
},
“ImageIndexOn”: 47 //打開時圖片
   “ImageIndexOff”: 96 //關閉時圖片
},
“Bluetooth”: { //藍芽圖示
“Coordinates”: {
“X”: 104,
“Y”: 2,
“X2”: 12,
“Y2”: 0,
“X3”: 1
},
“ImageIndexOff”: 48
},
“Battery”: { //電池計量圖案
“UnknownType”: {
“TopLeftX”: 0,
“TopLeftY”: 0,
“BottomRightX”: 0,
“BottomRightY”: 0,
“Alignment”: 0,
“Spacing”: 0,
“ImageIndex”: 0,
“ImagesCount”: 0
       },
“Text”: { //電池數字顯示
“TopLeftX”: 85,
“TopLeftY”: 15,
“BottomRightX”: 115,
“BottomRightY”: 25,
“Alignment”: “TopRight”,
“Spacing”: 1,
“ImageIndex”: 11,
“ImagesCount”: 10
},
“Icon”: {
“X”: 27,
“Y”: 2,
“ImageIndex”: 72,
“ImagesCount”: 10
}
}
},
“Other”: { //動態圖片
“Animation”: {
“AnimationImage”: {
“X”: 9,
“Y”: 104,
“ImageIndex”: 49,
“ImageCount”: 23,
“X3”: 100
},
“x1”: 0, //間隔時間50以下不閃爍
“y1”: 1000, //重複撥放次數
“Interval”: 400
}
}
}