Skip to main content

Search This Blog

Android APP 設計基礎學習

Android APP 設計基礎學習

Android APP 設計基礎學習



課程名稱：Android APP 設計基礎學習
課程時數：7小時
授課教師：賴岱佑（Tai-Yu Lai, Averill Lai）
課程簡介：
專為零基礎學員所設計的課程，從基本的概念介紹，開發工具的安裝。其中包含APP的版面配置，元件的使用，訊息的顯示。理解這些APP設計基礎後，便可自行設計出屬於自己的APP。本課程配合電子書（eBook）、線上課程影片（YouTube）。
  • Android Studio 軟體安裝介紹：如何安裝APP開發工具。
  • APP元件的應用：建立BMI計算APP，APP元件TextView, EditText, Button, Toast, 等等。多國語言APP設計，AlertDialog, 等等。
  • 畫面處理：LinearLayout, RelativeLayout, 等等。match_parent, wrap_content, 等等。
  • 資料庫的建構：資料的新增、刪除與修改。
  • 管理開發環境：SDK Manager, AVD Manager, Android Device Monitor, 等等。
  • 各項工具應用：platform-tools的adb工具介紹, 等等。
電腦的規格是能夠安裝 Android Studio及 Android 模擬器的電腦就可以上課。
Android Studio 軟體下載連結為 https://developer.android.com/studio/index.html
7-Zip 軟體下載連結為 http://www.developershome.com/7-zip/
Notepad++ 軟體下載連結為 https://notepad-plus-plus.org/


本課程的電子書（eBook）下載連結



Android APP 設計基礎學習
講師：
賴岱佑（Tai-Yu Lai, Averill Lai）
  • 課前準備
  • 自行下載最新版本的Android Studio並安裝。
  • 截至2017/6/10的Android Studio 是 2.3.3。
第一小時
YouTube (Tutorial A 6 min 52 s)
YouTube (Tutorial B 1 min 36 s)
  • 安裝 Android Studio 開發工具
  • Android Studio 軟體安裝指導。
  • 透過 Android Virtual Device Manager 建立 Nexus 5X API 23, Android 6.0 (Google APIs), Marshmallow。
第一小時
YouTube (Tutorial 34 min 57 s)
  • BMI(身體質量指數, Body Mass Index) APP, Unit 1
  • APP元件TextView、EditText、Button。
  • LinearLayout (vertical) 設定。
  • import 元件。
  • 建立公用變數。
  • 透過ID，獲得元件。
  • 獲得元件輸入字串。
  • 字串轉換為浮點數。
  • 計算 BMI 值。
  • 使用浮動 (Toast) 顯示 BMI 值。
  • 設定 Button 的 onClick 函式。
第二小時
YouTube (Tutorial A 11 min 59 s)
YouTube (Tutorial B 11 min 36 s)
YouTube (Tutorial C 8 min 57 s)
  • BMI(身體質量指數, Body Mass Index) APP, Unit 2
  • match_parent, wrap_content。
  • AlertDialog 對話框。
  • 設計多國語言。
  • 使用Intent開啟網頁。
  • 使用經緯度查詢Google Maps的位置。
  • 呼叫撥打電話的程式。
  • 呼叫簡訊(SMS)傳送程式。
  • 開啟聯絡人通訊錄。
  • 使用照相機。
第三小時
YouTube (Tutorial D 4 min 17 s)
YouTube (Tutorial 9 min 0 s)
YouTube (Tutorial 2 min 43 s)
  • BMI(身體質量指數, Body Mass Index) APP, Unit 3
  • 管理開發環境
  • 各項工具應用
  • 關閉最上面的狀態列。
  • 手機螢幕橫行。
  • 手機螢幕直行。
  • AVD Manager
  • SDK Manager
  • Android Device Monitor
  • adb 程式使用。
第四小時
YouTube (Tutorial 18 min 53 s)
YouTube (Tutorial 9 min 31 s)
  • APP元件的應用
  • Spinner 下拉式選單。
  • MediaPlayer 播放及停止 mp3 (音樂檔)。
第五小時
YouTube (Tutorial 11 min 2 s)
YouTube (Tutorial 9 min 26 s)
  • 資料庫的建構
  • 網頁瀏覽器的應用
  • 資料的新增、刪除與修改。
  • WebView 元件的使用。
第六小時
YouTube (Tutorial 11 min 12 s)
YouTube (Tutorial 9 min 51 s)
  • APP元件的應用
  • GridView 格狀清單的應用。
  • ListView 清單的應用。
第七小時
YouTube (Tutorial 3 min 50 s)
YouTube (Tutorial 12 min 46 s)
  • Material Design實感設計
  • Basic Activity 的基本活動。
  • Bottom Navigation Activity 搭配 ListView。


Android APP 設計基礎學習（YouTube）




Copyright © 2017 Lai Tai-Yu (Averill, Lai). all rights reserved
Posted by -
Newer Posts Home Older Posts

Comments

Post a Comment

Popular posts from this blog

數位影像處理：最佳化處理策略之快速消除扭曲演算法

Image
最佳化處理策略之快速消除扭曲演算法 我們的論文（最佳化處理策略之快速消除扭曲演算法；A Quickly Dewarping Algorithm of Optimization Processing Strategy）被 2019 工程科技應用研討會 接受了。 會議地點在台北城市科技大學的工程學院，舉辦日期是西元二零一九年四月十二日。 最近，全景影像的應用逐漸變得越來越有用。優點是一個能夠捕捉3​​60度影像的相機。但是，360度影像是圓形影像。因此，Dewarping技術有助於圓形影像轉換為平面影像。在本研究中，不需要參考額外的信息，如攝像機參數，鏡頭參數，視頻或影像參數等。本研究提出了去扭曲演算法的優化處理策略。策略和演算法進一步改善了性能。快速去扭曲演算法能夠將圓（全景影像）快速變換為平面影像。優化處理策略能夠提高演算法的性能。用於評估性能，本研究中使用的CPU負載。比較其他Dewarping演算法的性能。結果，這項研究在性能方面優於其他Dewarping演算法。 本研究旨在研究去扭曲演算法的快速計算和低CPU負載。 例如，圖2是原始影像。 圖3顯示了本研究的基線。 圖4是研究的結果影像（全景影像）。 圖2 原始影像 圖3 顯示了本研究的基線 圖4 研究的結果影像（全景影像） 表1是比較概覽表[8]。 有六家公司的演算法和我們提出的演算法。 這項研究支持所有魚眼相機和特殊魚眼相機（Cata-Fisheye相機）。 有不同之處在於是否使用GPU。 雖然有兩家公司使用GPU進行去扭曲演算法。 但是，當應用OpenCL來使用GPU時，NUUO的去扭曲演算法的CPU負載為19％。 當源影像的分辨率為1920 x 1440時，我們提出的CPU負載為3.65％。圖5是我們提出的演算法的CPU負載圖。 表1 比較概覽表 User additional effort Generic De-warp Support vendor Calibration GPU Acceleration NUUO No need ...
Read more

寫作：波蘭文學習之旅：1-1. 波蘭文字母與發音（注音版）

Image
波蘭文學習之旅：1-1. 波蘭文字母與發音（注音版） 波蘭文字母(Alfabet Polski) 波蘭語是中歐的西斯拉夫語言，也是波蘭的官方語言。它的書面標準是波蘭語字母表，對應於拉丁字母表，有幾個附加內容。 波蘭語的人在波蘭大部分地區以統一的方式使用這種語言。 它也是繼俄語和烏克蘭語之後使用最廣泛的第三種斯拉夫語言。波蘭語的本地名稱是 polski（波蘭語），język polski（波蘭語），或者更正式的 polszczyzna（波蘭語）。 波蘭文字母、名稱、注音對照表 注意：這張表是我整理出來，經波蘭友人聽我的發音，確認聲音相似度高，才製作完成。 但發音要更道地，仍然還有不同波蘭文字母搭配後，改變發音的情況。因此這張簡表只能說是參考用，以及快速建立發音基礎。 Letter Name 注音 複合字母     A a a ㄚˋ Letter Name 注音 Ą ą ą ㄥˋ Ch, ch ce/ha ㄏㄜ˙ B b be ㄅㄜ˙ Ci, ci ce/i ㄑㄧ C c ce(ㄘㄟˋ) ㄘ Cz, cz ce/zet ㄔ Ć ć cie(ㄑㄧㄝˋ) ㄑ Dz, dz de/zet ㄗ D d de ㄉㄜ˙ Dzi, dzi de/zet/i ㄐㄧ˙ E e e ㄟˋ ...
Read more

Python 日期與時間的處理

Image
Python 日期與時間的處理 Python 日期與時間的處理 ¶ 在 Python 中，常見處理日期與時間的套件，如下： time datetime relativedelta calendar 　　 引用方式，如下：　　 import time from datetime import datetime from dateutil.relativedelta import relativedelta import calendar time.time() 函數 ¶ time.time() 可以傳回從 1970/1/1 00:00:00 算起至今的秒數： In [1]: # 匯入 time 模組 import time # 從 1970/1/1 00:00:00 至今的秒數 seconds = time . time () # 列印結果 print ( seconds ) 1613001756.3572578 time.time() 通常是用來作為時間戳記，例如測量程式執行時間。 In [6]: import time # 紀錄起始時間 start_time = time . time () # 撰寫程式，例如：迴圈執行 a = 0 for _ in range ( 10000000 ): a += 1 # 紀錄結束時間 end_time = time . time () # 將結束時間減去起始時間，等於執行時間 time_cost = end_time - start_time # 顯示執行時間 print ( f "Time Cost: { time_cost } seconds" ) ...
Read more

數位影像處理：最佳化處理策略之快速消除扭曲演算法

Image
最佳化處理策略之快速消除扭曲演算法 我們的論文（最佳化處理策略之快速消除扭曲演算法；A Quickly Dewarping Algorithm of Optimization Processing Strategy）被 2019 工程科技應用研討會 接受了。 會議地點在台北城市科技大學的工程學院，舉辦日期是西元二零一九年四月十二日。 最近，全景影像的應用逐漸變得越來越有用。優點是一個能夠捕捉3​​60度影像的相機。但是，360度影像是圓形影像。因此，Dewarping技術有助於圓形影像轉換為平面影像。在本研究中，不需要參考額外的信息，如攝像機參數，鏡頭參數，視頻或影像參數等。本研究提出了去扭曲演算法的優化處理策略。策略和演算法進一步改善了性能。快速去扭曲演算法能夠將圓（全景影像）快速變換為平面影像。優化處理策略能夠提高演算法的性能。用於評估性能，本研究中使用的CPU負載。比較其他Dewarping演算法的性能。結果，這項研究在性能方面優於其他Dewarping演算法。 本研究旨在研究去扭曲演算法的快速計算和低CPU負載。 例如，圖2是原始影像。 圖3顯示了本研究的基線。 圖4是研究的結果影像（全景影像）。 圖2 原始影像 圖3 顯示了本研究的基線 圖4 研究的結果影像（全景影像） 表1是比較概覽表[8]。 有六家公司的演算法和我們提出的演算法。 這項研究支持所有魚眼相機和特殊魚眼相機（Cata-Fisheye相機）。 有不同之處在於是否使用GPU。 雖然有兩家公司使用GPU進行去扭曲演算法。 但是，當應用OpenCL來使用GPU時，NUUO的去扭曲演算法的CPU負載為19％。 當源影像的分辨率為1920 x 1440時，我們提出的CPU負載為3.65％。圖5是我們提出的演算法的CPU負載圖。 表1 比較概覽表 User additional effort Generic De-warp Support vendor Calibration GPU Acceleration NUUO No need ...
Read more

寫作：波蘭文學習之旅：1-1. 波蘭文字母與發音（注音版）

Image
波蘭文學習之旅：1-1. 波蘭文字母與發音（注音版） 波蘭文字母(Alfabet Polski) 波蘭語是中歐的西斯拉夫語言，也是波蘭的官方語言。它的書面標準是波蘭語字母表，對應於拉丁字母表，有幾個附加內容。 波蘭語的人在波蘭大部分地區以統一的方式使用這種語言。 它也是繼俄語和烏克蘭語之後使用最廣泛的第三種斯拉夫語言。波蘭語的本地名稱是 polski（波蘭語），język polski（波蘭語），或者更正式的 polszczyzna（波蘭語）。 波蘭文字母、名稱、注音對照表 注意：這張表是我整理出來，經波蘭友人聽我的發音，確認聲音相似度高，才製作完成。 但發音要更道地，仍然還有不同波蘭文字母搭配後，改變發音的情況。因此這張簡表只能說是參考用，以及快速建立發音基礎。 Letter Name 注音 複合字母     A a a ㄚˋ Letter Name 注音 Ą ą ą ㄥˋ Ch, ch ce/ha ㄏㄜ˙ B b be ㄅㄜ˙ Ci, ci ce/i ㄑㄧ C c ce(ㄘㄟˋ) ㄘ Cz, cz ce/zet ㄔ Ć ć cie(ㄑㄧㄝˋ) ㄑ Dz, dz de/zet ㄗ D d de ㄉㄜ˙ Dzi, dzi de/zet/i ㄐㄧ˙ E e e ㄟˋ ...
Read more

Python 日期與時間的處理

Image
Python 日期與時間的處理 Python 日期與時間的處理 ¶ 在 Python 中，常見處理日期與時間的套件，如下： time datetime relativedelta calendar 　　 引用方式，如下：　　 import time from datetime import datetime from dateutil.relativedelta import relativedelta import calendar time.time() 函數 ¶ time.time() 可以傳回從 1970/1/1 00:00:00 算起至今的秒數： In [1]: # 匯入 time 模組 import time # 從 1970/1/1 00:00:00 至今的秒數 seconds = time . time () # 列印結果 print ( seconds ) 1613001756.3572578 time.time() 通常是用來作為時間戳記，例如測量程式執行時間。 In [6]: import time # 紀錄起始時間 start_time = time . time () # 撰寫程式，例如：迴圈執行 a = 0 for _ in range ( 10000000 ): a += 1 # 紀錄結束時間 end_time = time . time () # 將結束時間減去起始時間，等於執行時間 time_cost = end_time - start_time # 顯示執行時間 print ( f "Time Cost: { time_cost } seconds" ) ...
Read more

Visual Basic 6.0 (VB6) 程式語言案例學習 (10. 條碼列印程式)

Image
Visual Basic 6.0 (VB6) 程式語言案例學習 (10. 條碼列印程式) Visual Basic 6.0 (VB6) 程式語言案例學習 (10. 條碼列印程式) ¶ 10.1 問題 ¶ 隨著科技進步神速，條碼列印已經不再是商家專用，或者需要特殊技巧的一件事情了。透過一般的印表機搭配條碼列印程式就可以輕鬆的列印條碼貼紙，這對於普遍的使用者來說，是一件很好的事情。條碼輸入設備感應越做越好，好一點的設備，無論是正掃反掃側掃都可以判斷正確無誤，這次遇到的問題，是要替光碟資產做條碼歸檔，利用市面上隨處可見的條碼貼紙，一張A4大小的貼紙，就可輕鬆的製作條碼。 10.2 需求 ¶ 表格 10‑1 「條碼列印程式」系統目的分析表 版本：1.0　　 要做什麼 　 不要做什麼（不要做不代表不會做） 　 能做什麼 （第一格：必要項目） （第二格：次要項目） 可自行編輯要列印的資料。 可預覽列印。 可將編輯的英文及數字資料轉為條碼。 可調整字級大小。 不能做什麼（不能做代表不需要做）　 （第三格：不必要項目） （第四格：不需要項目） 可讀入Excel檔案。 可大量印製。 表格 10‑2 「條碼列印程式」系統目標分析表 版本：　 重要 　 不重要 　 優先 （重） （急） 可自行編輯要列印的資料。 可預覽列印。 可將編輯的英文及數字資料轉為條碼。 不急迫 （輕） ...
Read more

Visual Basic .Net (VB.Net) 程式語言案例學習 (06. 題庫測驗系統)

Image
Visual Basic .Net (VB.Net) 程式語言案例學習 (06. 題庫測驗系統) Visual Basic .Net (VB.Net) 程式語言案例學習 (06. 題庫測驗系統) ¶ 6.1 問題 ¶ 這是一個題庫練習的程式，分為循序練習及模擬（電腦亂數選題）練習，循序練習會依序將題庫中所有題目列出，讓受測者作答。而模擬練習則由電腦出題，抽出一百題讓受測者測驗。題型分為是非題跟選擇題，因此答題介面設計上就必須依照題型而有所變化。最後是成績顯示，顯示答對題數以及答錯題數，並計算出成績。成績計算之後便會顯示正確答案，受測者可以瀏覽所有的正確答案。 6.2 需求 ¶ 表格 6-1 「題庫測驗系統」系統目的分析表 版本：1.0　 要做什麼 　 不要做什麼（不要做不代表不會做） 　 能做什麼 （第一格：必要項目） （第二格：次要項目） 建立是非題型與選擇題型可共用的資料結構，使用MS Access 2003資料庫。　 可提供循序練習及模擬練習。 答題區可依照不同題型而提供適當的選擇。 結束練習時可瀏覽正確答案。 可以統計答錯題數及答對題數，和最後成績。 不能做什麼（不能做代表不需要做） （第三格：不必要項目） 　　 （第四格：不需要項目） 提供答案的詳解。 將資料庫送上SQL，開發成網路版本。 表格 6‑2 「題庫測驗系統」系統目標分析表 版本： 　 重要 　　　　 不重要 　　 優先 （重） （急） 建立是非題型與選擇題型可共用的資料結構，使用MS Access 2...
Read more

修復損毀的 SQLite DB 資料庫

Image
修復損毀的 SQLite DB 資料庫 修復損毀的 SQLite DB 資料庫 ¶ 當遇到 SQLite DB 資料庫損毀時，完全無法讀取資料，只見到錯誤訊息時，還有一個方法可以嘗試看看。 上圖的上半部，我們做了將壞掉資料庫匯出的動作；圖的下半部，我們將匯出的檔案匯入新的資料庫。 匯出資料庫 使用 sqlite3 {檔案名稱}，開啟壞掉的資料庫。 使用 .output tmp.sql ，在這裡 output 前面有個點，請各位要注意。這是指定資料匯出到 tmp.sql 檔案的方法。 使用 .dump 的指令才開始真正的匯出資料到 tmp.sql 檔案內，這過程要看原始資料庫大小，越大時間越長。 匯出完成 .quit 離開 sqlite3。 匯入資料庫 使用 sqlite3 {新檔案名稱}，在這裡任意建立一個新的資料庫。 使用 .read tmp.sql 讀取 tmp.sql 資料，並且匯入到 {新檔案名稱｜新資料庫}中。 匯入完成後， .quit 離開 sqlite3。 以上是個人成功的經驗，一個 5GB 的損毀資料庫，經過救援之後，變成 6GB ，但卻運作正常無誤。 如果有遇到類似的狀況，不妨試一試這個方法。 注意： 若你 dump 出來的檔案最後一行是 ROLLBACK ，請改為 COMMIT 。因為 ROLLBACK 會在你還原結束後執行，執行之後新資料庫會被清空。
Read more

用１０種程式語言做影像二值化（Image binarization）

用１０種程式語言做影像二值化（Image binarization） 用１０種程式語言做影像二值化（Image binarization） ¶ 完整原始碼下載 簡介 ¶ 有些時候，我們需要將彩色影像轉換為黑白影像，這很簡單，利用門檻值的方法就可以做到。 作法 ¶ Visual C++ 2010 ¶ // 影像的高度 for ( int iY = 0; iY DibInfo->bmiHeader.biHeight; iY++ ) { // 影像的寬度 for ( int iX = 0; iX DibInfo->bmiHeader.biWidth; iX++ ) { // 影像的索引值，因為這張影像的24 bit ，所以要乘以3 lIDXA = ( iX * 3 ) + ( iY * imageA->DibInfo->bmiHeader.biWidth * 3 ); // 取得藍色像素值 byteRGB_BA = imageA->DibArry[lIDXA+0]; // 取得綠色像素值 byteRGB_GA = imageA->DibArry[lIDXA+1]; // 取得紅色像素值 byteRGB_RA = imageA->DibArry[lIDXA+2]; // 將RGB利用YUV公式轉換Y（灰階） dobYUV_YA = (0.299 * byteRGB_RA + 0.587 * byteRGB_GA + 0.114 * byteRGB_BA); // 利用...
Read more

解決 ValueError: If using all scalar values, you must pass an index

Image
解決 ValueError: If using all scalar values, you must pass an index 解決 ValueError: If using all scalar values, you must pass an index ¶ 這個錯誤通常出現在沒有設定索引時，想要建立一個 DataFrame。 ¶ In [2]: import pandas as pd dict1 = { 1 : "a" , 2 : "b" , 3 : "c" , 4 : "d" } df = pd . DataFrame ( dict1 ) --------------------------------------------------------------------------- ValueError Traceback (most recent call last) <ipython-input-2-68948f391692> in <module> 1 import pandas as pd 2 dict1 = { 1 : "a" , 2 : "b" , 3 : "c" , 4 : "d" } ----> 3 df = pd . DataFrame...
Read more

Visual Basic 6.0 (VB6) 程式語言案例學習 (04. 人事考勤管理系統)

Image
Visual Basic 6.0 (VB6) 程式語言案例學習 (04. 人事考勤管理系統) Visual Basic 6.0 (VB6) 程式語言案例學習 (04. 人事考勤管理系統) ¶ 4.1 問題 ¶ 這也是紙本作業流程想要電腦化的需求，每年度有四次的評鑑，前三次的評鑑是由單位主管執行，而最後一次是由單位主管評分後，交由高層會議整合，訂出最後的評鑑考績。以往的做法就是先依據每一個單位，做出許多Excel表格，然後會整起來，變成一張Excel統計表，保留起來等待到下次評鑑時，同樣的步驟繼續進行，到第四次之後，這三張統計表的成績將作為第四次評鑑的參考，甚至有些個案會參考到更久之前的成績，為求能夠審慎的評鑑。 這項工作困難點在於，人員有新進、離職、留職停薪、…等等因素，並且要收集各單位的檔案，檔案繳交時間點非常零散，整理表格時要依照人員屬性而有不同的評鑑主管，例如：甲老師是國文科召集人，因職務原故評鑑單位為教務處、學務處、總務處、諮商中心、資源中心；乙老師是美育組長，評鑑單位為教務處、總務處、資源中心。總共有三百人左右，每個人員所屬職務不同，評鑑單位也不同。而計分方式，也是依照職務屬性而有不同百分比計算，例如：甲老師是國文科召集人，因此教務處評分佔60%，其餘單位的評分是佔10%；乙老師是美育組長，教務處佔20%，總務處佔10%，資源中心佔70%。而評鑑資料處理並非專人專責，而是由人事室的成員分攤處理，這又增加了複雜度。例如：交接的時候不清楚，有可能之後處理的人員，多了重複的作業。有些時候先紀錄在紙本上，尚未登錄在Excel統計表時，也有可能造成問題。但評鑑工作還是得進行，而且要審慎的計算，因為這會影響到考績。 因此希望能夠電腦化，簡化流程，而且調閱歷史資料要十分容易，並且可以透過筆記型電腦，於會議室投影，讓高層會議整合時可以直接填寫成績。 4.2 需求 ...
Read more

Visual Basic 6.0 (VB6) 程式語言案例學習 (07. 收據列印程式)

Image
Visual Basic 6.0 (VB6) 程式語言案例學習 (07. 收據列印程式) Visual Basic 6.0 (VB6) 程式語言案例學習 (07. 收據列印程式) ¶ 7.1 問題 ¶ 這是所有學校以及公司行號由來已久的問題，需要大量列印收據或者是股東會單的資料，原來的方式是使用點陣式印表機，然後列印三聯單，列印之前先將相關資料編輯成文字檔，核對正確之後，再開始列印。但問題是編輯的文字檔其實也是要依照用Excel所整理的資料整理的，這等於多做了一次工，因此需求是可以匯入原先就有的Excel檔，然後就可以列印。當然步驟流程越簡單越清楚是最好的，操作介面清楚明瞭，這是需求者的要求。 7.2 需求 ¶ 表格 7‑1 「收據列印程式」系統目的分析表 版本：1.0 　 要做什麼 　 不要做什麼（不要做不代表不會做） 　 能做什麼 　 （第一格：必要項目） 　 （第二格：次要項目） 　 要能夠直接由Excel匯入程式中。 　 建立單據人員資料管理。 要能夠列印到正確的位置。 每次列印的資料，都要保存下來，以免補單或者是需要單筆列印的時候，可以直接列印。　 要能夠大量列印。 金額的部分要能夠轉為國字大寫。 不能做什麼（不能做代表不需要做）　 （第三格：不必要項目） （第四格：不需要項目） 具有歷史查詢功能，可查詢是否列印，或列印幾次。　 能夠與學籍資料庫連線，獲得列印名單。 表格 7‑2 「收據列印程式」系統目標分析表 版本：　 重要 　　　　 ...
Read more