AlloyTouch之select選擇外掛程式

2021-07-27 15:38:28 字數 943 閱讀 1203

很多情況下,產品希望統一安卓和ios select互動和樣式。但是眾所周知,ios和安卓的select喚起的選擇介面並不是樣的,甚至ios不同系統版本以及安卓不同系統版本下的select喚起的介面也不是相同的。而且省市區多選的需求,不管是ios和安卓都沒有提供原生介面的支援。所以唯一的辦法就是web去模擬select喚起介面。

如上圖所以,中間的區域是支援觸控運動。什麼觸控運動?alloytouch不就是專門幹這個的嗎!

但是需要停在某個日期上!什麼需要停在某個日期上?alloytouch不是可以配置step的嗎!

所有問題迎刃而解~

先引用依賴的js和css檔案。

rel=

"stylesheet"

href=

"select.css"

/>

然後:

new

alloytouch.select(,,,

,,,,

,,,,

, ],

selectedindex:3

,change

:function (item, index) ,

complete

:function (item, index)

})

transform(scroll);

newalloytouch();

通過上面的配置,scroll最終都會被校正到step的整數倍,小於min會回彈,大於max也會回彈。

可以看到,alloytouch很擅長處理觸控運動。當然上面只是乙個簡單的例子,這僅僅是乙個開始!

你要觸控的一切都在這裡。

AlloyTouch之select選擇外掛程式

很多情況下,產品希望統一安卓和ios select互動和樣式。但是眾所周知,ios和安卓的select喚起的選擇介面並不是樣的,甚至ios不同系統版本以及安卓不同系統版本下的select喚起的介面也不是相同的。而且省市區多選的需求,不管是ios和安卓都沒有提供原生介面的支援。所以唯一的辦法就是web...

MySQL許可權篇之DELETE及SELECT

delete許可權,該許可權僅僅能刪除表中的記錄。但是要注意如果僅僅只授予了delete許可權。比如 mysql show grants for ut01 grants for ut01 grant usage on to ut01 1 row in set 0.00 sec mysql grant...

AlloyTouch之無限迴圈select外掛程式

當滾動的內容很多,比如鬧鐘裡設定秒,一共有60項。讓使用者從59ms滾回01ms是一件很痛苦的事情,所以 在列表項太多的情況下,我們希望能夠有個無限迴圈的滾動。00ms和01ms是無縫鏈結起來的。如下圖所示 先引用依賴的js和css檔案。然後 var i 0,options for i 60 i v...