中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

關于番茄鐘的概念，是指在25分鐘內專心地完成一件事件，不要受其它事件的干擾。

現在各大應用市場上番茄鐘種類繁多，但功能基本大同小異，多半在界面上有所差異，但是這些番茄鐘設置太麻煩，不符合懶人使用，既要輸入文字，又要選擇時間，設置顏色，設置時間等等，太繁瑣太繁瑣，所以這里想設計一款只需要簡單操作后就可以開始的番茄鐘，不需要進行太多的輸入。

要輸入什么的最煩人了，我只希望選擇一下就能開始。

下面主是針對這種情況設計的一款簡潔的番茄鐘——Focus15，先看一下效果圖：

單擊這里查看在線演示

源文件在這里下載（人人官方下載地址：http://pan.baidu.com/s/1sjZAl5N 密碼：szpx）

說說它的主要功能，也是原型的主要功能：

1. 左右拖動大按鈕，啟動/停止任務，開始計時
2. 在任務未啟動時，可以選擇時長，單擊文字15：00彈出時長對話框選擇，可選擇四種時長
3. 單擊下方的任務類型切換任務，重新計時
4. 單擊提醒方式，在響鈴、振動、響鈴且振動三種方式之間切換，如果你不想打擾別人，設置為振動吧
5. 單擊右上角的時間總計，彈出任務統計，一段時間之后可以看出你在各類事情上花的時間
6. 在任務統計對話框中，可以切換背景
7. 倒計時結束后彈出對話框提示任務完成

下面說一下原型的關鍵代碼

1、關于開關拖動按鈕

1）按鈕拖動一定距離后，自動設置為開啟或停止狀態，移動按鈕到指定左邊和右邊

2）我們知道axure里一直不能設置蒙板效果，你知道這里帶有圖形和文字的的半圓形拖動按鈕是如何實現的嗎？

2、關于倒計時

1）倒計時是將分鐘數轉換成秒數，每隔一秒減一，實現倒計時效果

2）倒計時使用組件的show和hide事件來控制，這時常見的計數的方法

3）注意如果計算出的分鐘數或者秒數小于0時，前面要補0哦，例如8秒，要顯示成08秒

3、關于提醒方式的設置

只需要在動態面板的三個狀態間切換即可，每個狀態是一張圖標，分別代表響鈴、振動、振動并響鈴三種

4、關于任務類型的選擇

1）圓形按鈕通過設置組件的交互樣式，設置選中狀態的樣式為背景填充顏色

2）如何體現單選效果？先將幾個圓形按鈕設置為非選中狀態，再設置當前單擊的按鈕為選中狀態

5、幾個全局變量的說明

1. running：表示當前任務開始執行
2. total_seconds：分鐘數轉換成的總秒數
3. time_type：時間類型，值為15、25、45、60，單位為分鐘，通過它乘以60轉成秒數total_seconds
4. mins、secs：tocal_seconds轉換成的分鐘數，秒數
5. sMins、sSecs：實際用來顯示分鐘數和秒數的變量，因為要處理小于10的數字，前面要補0的

實際的APP里，還有如下功能，只為了使用更帖心，但是這種不好在原型里體現。

1、要能在后臺運行

按返回鍵，或者HOME鍵，應用在后臺運行，并在狀態欄顯示，否則你可能以為它停止了

2、鎖屏或待機狀態的解鎖

當任務完成后，需要點亮屏幕，并在鎖屏界面顯示

原型后期可進一步完善的功能

1、數據統計：以圖表的方式展示你這一年的任務完成情況

2、任務勛章：當你的任務完成時間達到一定分鐘數后，就能獲得對應的勛章哦！

本文由 @Axure原型設計工場?原創發布于人人都是產品經理?，未經許可，禁止轉載。