介面互動 觸控反饋

2022-04-03 20:28:08 字數 901 閱讀 6711

通常頁面會擺放一些button按鈕或者view區域,使用者觸控按鈕之後會觸發下一步的操作。這種情況下,我們要對觸控這個行為給予使用者一些響應。如圖4-17所示,當我們手指觸控了button文字所在的cell區域時,對應的區域底色變成淺灰色,這樣使用者就可以知道小程式是有及時響應他的這次觸控操作,使用者就不會很迷惑。

​ 圖4-17 觸控區域底色變成灰色響應使用者的觸控操作

小程式的view容器元件和button元件提供了hover-class屬性,觸控時會往該元件加上對應的class改變元件的樣式。

**清單4-1 通過hover-class屬性改變觸控時的樣式

/*

page.wxss

*/.hover

class="

hover

"> 點選button

class="

hover

"> 點選view

對於使用者的操作及時響應是非常優秀的體驗,有時候在點選button按鈕處理更耗時的操作時,我們也會使用button元件的loading屬性,在按鈕的文字前邊出現乙個loading,讓使用者明確的感覺到,這個操作會比較耗時,需要等待一小段時間。

​ 圖4-18 button文字前出現loading

**清單4-2 設定button的loading屬性

class="

hover

" bindtap="

loadevent

" loading="

}"> 點選button

loading:

false

loadevent())

//接著做耗時操作

settimeout(function () )

}, 1000

) }

結果:

android多執行緒介面互動

首先runonuithread是activity內部的方法,在運用的時候最好指明當前環境變 context new thread new runnable start new thread new runnable start 上面兩個其實原理一樣,runonuithread這個會呼叫父類中的 pu...

軟體介面互動和易用性改進

軟體的智慧型和記憶功能 1.使用者登入介面最好有使用者名稱和id的記憶,焦點直接定位到密碼輸入框 2.單據錄入介面最好有儲存和載入預設值的功能 3.單據搜尋介面可以儲存使用者自定義的各種搜尋條件組合 4.使用者調整過的grid的列寬,視窗的位置可以自動記憶 5.系統可以根據使用者的使用頻度對相關功能...

介面互動設計與表的約束

介面互動設計的原則 1 統一性原則 介面風格統一 用相同方式展現相同型別的資料,如 日期型別 互動風格統一 用相同方式完成相同型別的操作,如 錄入日期 2 美觀性原則 介面美觀大方 3 易用性原則 操作方式自然,易理解 表的約束 約束條件 說明 primary key 主鍵約束,用於唯一標識對應的記...