国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

UDesign 組件更新 | 近期優(yōu)化迭代

ernest.wang / 1447人閱讀

摘要：一日期時(shí)間相關(guān)組件改版月初對日期時(shí)間相關(guān)組件交互上進(jìn)行了一波大更新，主要是為了減少用戶的操作成本，減少展示占用面積。單日期范圍選擇器中選擇日期后，自動跳轉(zhuǎn)至下一個(gè)框進(jìn)行選擇，都選擇完成后自動確認(rèn)。單日期范圍選擇器中使用雙面板展示。

一、日期時(shí)間相關(guān)組件改版（DatePicker、TimePicker）

6 月初對日期時(shí)間相關(guān)組件 DatePicker、TimePicker 交互上進(jìn)行了一波大更新，主要是為了減少用戶的操作成本，減少展示占用面積。

背景/現(xiàn)狀

原先確定操作過多、體驗(yàn)比較復(fù)雜，其次樣式上字體小、組件整體尺寸又偏大，窗口縮放時(shí)日歷面板自適應(yīng)定位體驗(yàn)不好，且內(nèi)容可讀性差。

優(yōu)化邏輯和效果

  1. 在單日期選擇確認(rèn)時(shí)取消了確定按鈕，點(diǎn)擊日期后自動確認(rèn)。

  2. 單日期范圍選擇器中選擇日期后，自動跳轉(zhuǎn)至下一個(gè)框進(jìn)行選擇，都選擇完成后自動確認(rèn)。

  3. 單日期范圍選擇器中使用雙面板展示。

  4. 范圍選擇器添加選中范圍展示條。

  5. 減小格子間隔、縮小面板大小。

  6. 增加清空按鈕邏輯。

  7. 取消底部的快捷選擇項(xiàng)。

還有一些細(xì)節(jié)上的調(diào)整如：范圍選擇器選中一個(gè)時(shí)間節(jié)點(diǎn)后另一個(gè)節(jié)點(diǎn)會按照前一個(gè)選中的節(jié)點(diǎn)來禁用部分事件等。

二、選擇器組件改版（ Select ）

7 月初對 Select 組件進(jìn)行了改版，主要為了確定后續(xù) Select 組件的定位：只負(fù)責(zé)簡單內(nèi)容的選擇，如列表項(xiàng)多、存在層級時(shí)需使用其它方案來替代。

背景/現(xiàn)狀

原先多選結(jié)果展示可讀性差，全選以及搜索功能下的全選邏輯復(fù)雜，實(shí)際效果與客戶期望不一致。

優(yōu)化邏輯和效果

  1. 搜索框與選擇器進(jìn)行合并，不再放到下拉區(qū)域。

  2. 搜索增加高亮展示。

  3. 全選勾選變更為按鈕。

  4. 增加清空按鈕。

  5. 多選增加了 tag 展示。

由于本次改動中交互存在與之前版本不兼容的問題：搜索區(qū)域、新版不支持多層數(shù)據(jù)結(jié)構(gòu)，顧依舊保留之前的版本，在識別到配置不兼容時(shí)自動切換為舊版本：

  • 在使用了 renderSelector 并且需要搜索時(shí)

  • 使用了 Group 時(shí)

其它還有一些細(xì)節(jié)變動：如下拉最小寬度默認(rèn)為選擇器的寬度，搜索壓縮 tag 展示等，選擇后清空搜索等。

三、ActionList 增加自動伸縮功能

由于控制臺中很多產(chǎn)品的表格中存在操作按鈕列寬度與實(shí)際寬度不太匹配的情況，導(dǎo)致操作按鈕折行的現(xiàn)象，因此在 ActionList 中添加了自動伸縮功能，使用 autoAdjustment 后 ActionList 會根據(jù)列寬自動調(diào)整展示數(shù)量，最多為 exposeCount，該參數(shù)在控制臺中為默認(rèn)啟用。

如果在寬度確定時(shí)不建議使用該參數(shù)，因?yàn)樽詣诱{(diào)整需要不斷重繪來測試可放置的數(shù)量，而表格中操作列都較多，一定程度上會影響性能。

四、其它更新

其它還有一些小更新如：

  1. 新增 Skeleton 組件。

  2. Table 組件 中增加 columnResizable。



文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/127450.html

相關(guān)文章

  • iView 近期的更新，以及那些“不為人知”的故事

    摘要：如圖所示還有其它很多項(xiàng)的更新，比如新增屬性，可以設(shè)置面板展開時(shí)默認(rèn)顯示的日期。目前最新版本支持鍵盤可訪問性的組件有。期待你的加入下個(gè)版本預(yù)告下個(gè)版本計(jì)劃重構(gòu)組件，以全面支持表單組件的鍵盤可訪問性，敬請期待。 在過去的兩個(gè)多月里，iView 陸續(xù)發(fā)布了 2.9.0 和 2.10.0 兩個(gè)重要版本。這兩個(gè)版本總共有 255 個(gè) commit，超過 40 項(xiàng)更新。來看一下，iView 具體都...

    UsherChen 評論0 收藏0

  • 產(chǎn)品的金鑰匙：一致性

    摘要：為什么第一張圖片沒有出現(xiàn)可口可樂的產(chǎn)品圖片產(chǎn)品介紹等信息，但我們還是可以分辨出可口可樂其實(shí)這都是因?yàn)榭煽诳蓸酚幸惶赘咭恢滦缘南到y(tǒng)。產(chǎn)品一致性主要指產(chǎn)品的設(shè)計(jì)理念、品牌形象、邏輯結(jié)構(gòu)、操作交互以及視覺形象等設(shè)計(jì)基因能夠在設(shè)計(jì)中較好的保持一致和統(tǒng)一。通過采用用戶熟悉的交互模式、視覺元素，使處于不同平臺、不同設(shè)備的一個(gè)產(chǎn)品可以讓用戶順利地解決問題。用戶在這個(gè)過程中根據(jù)以往的經(jīng)驗(yàn)，以他們理解的方式去...

    ernest.wang 評論0 收藏0

  • 阿里HBase的數(shù)據(jù)管道設(shè)施實(shí)踐與演進(jìn)

    摘要：摘要第九屆中國數(shù)據(jù)庫技術(shù)大會，阿里巴巴技術(shù)專家孟慶義對阿里的數(shù)據(jù)管道設(shè)施實(shí)踐與演進(jìn)進(jìn)行了講解。它必須在把風(fēng)險(xiǎn)做完，風(fēng)控是根據(jù)長期的歷史信息近期歷史的信息和實(shí)時(shí)的信息三個(gè)方向做綜合考量。 摘要：第九屆中國數(shù)據(jù)庫技術(shù)大會，阿里巴巴技術(shù)專家孟慶義對阿里HBase的數(shù)據(jù)管道設(shè)施實(shí)踐與演進(jìn)進(jìn)行了講解。主要從數(shù)據(jù)導(dǎo)入場景、 HBase Bulkload功能、HImporter系統(tǒng)、數(shù)據(jù)導(dǎo)出場景、H...

    LMou 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<