在設計移動或后臺不免碰到需要設計近似于如下圖分隔內容上有聯系關系但屬于分歧類此外數據調集,及tag標簽頁,這里的設計一般是操縱動態面板,以下為設計方式。
以三個標簽為例,拖動三個矩形框作為標簽1、標簽2、標簽3
設置懸停結果字體為淺藍色
選中結果為字體為淺藍色,線段為淺藍色

接著拖動一個矩形作為標簽1要放置的內容承載,這里舉例直接寫標簽1了。

接著將其轉換當作動態面板

雙擊動態面板,將狀況1改為標簽1,新增標簽2、標簽3

別離進入標簽2、標簽3的狀況,為其狀況設計要顯示的工具,這里舉例為標簽2、標簽3如圖

退出動態面板并將動態面板設置為埋沒

設置交互事務,以標簽1為例,單擊時顯示動態面板,狀況為標簽1,矩形為選中狀況
標簽2、標簽3同理,單擊時顯示動態面板,狀況為對應狀況,對應矩形為選中狀況

點擊預覽,標簽頁的選擇結果出來了,可是呈現了選中時,其他標簽沒變為不選中狀況,所以還需操縱選項組功能

將標簽1、標簽2、標簽3全數選擇,右鍵選擇選項組

然后新建選項組,定名后點擊確定

此時再點擊預覽,就不會呈現選中多個的環境了

0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!