深圳市聚企網絡科技有限公司
往常logisim元件用法詳解,移動端曾經逐漸超越了PC端成為了主流,各種手機APP稱出不窮,占領了我們logisim元件用法詳解的絕大多數(shù)生活,特別是微信。無論吃飯、休息,還是工作,我們總 不時地拿出手機,從消息的最頂端往下滑,直至看完一切的小紅點,然后從右往左滑過通訊錄,滑到發(fā)現(xiàn),又是朋友圈的一輪猖獗閱讀與點贊。喝點雞湯,尋點樂 趣,我們的生活確實這么無趣。那么,在做原型的時分如何完成剛剛所說的橫縱向移動呢?下面我將向大家分享一下我的處置方法,希望能輔佐到大家。
效果動態(tài):
原材料:
步驟/方法
第一步:設置按鈕的選中效果和組
同時選中xiaoxi和tongxunlu—元件屬性與樣式“屬性”—在“輸入選項組稱號”中輸入“組”(輸入其他也可以)
同時選中xiaoxi和tongxunlu—元件屬性與樣式“屬性”—選中—勾選“字體顏色”選擇白色—在“填充顏色”選擇灰色—點擊肯定
僅選中xiaoxi—元件屬性與樣式“屬性”-—勾選“選中”,使其在一開端頁面載入后默許狀態(tài)為選中。
第二步:設置兩層動態(tài)面板
經過移動將消息頁面和通訊錄頁面兼并在一同,同時選中消息頁面和通訊錄頁面—右鍵單擊—轉換為動態(tài)面板—設置動態(tài)面板稱號為“d1”。
在微#界面的展示區(qū)域內畫一個動態(tài)面板,使其大小與展示區(qū)域相同并重合,設置動態(tài)面板稱號為“d2”.
將動態(tài)面板d1復制到動態(tài)面板d2的一個子層級里面,并將d2的位置設置為“x:0;y:0”。
第三步:設置橫縱向滑動的交互動作
選中動態(tài)面板d2—元件交互與說明“交互”—點擊“拖動時”—移動—勾選“d1(動態(tài)面板)”—移動“垂直拖動”;動畫“無”。完成后結果如下圖
選中動態(tài)面板d2—元件交互與說明“交互”—點擊“向左拖動終了時”—編輯條件—選擇“選中狀態(tài)”“xiaoxi”“=”“值”“true”。(如下圖)
繼續(xù),選擇“移動”—勾選“d1(動態(tài)面板)”—移動“絕對位置”“x:-320”—點擊fx—在“添加局部變量中”設置“d1”=“元 件”“d1”—插入變量或函數(shù)—在元件中選擇“y”—將[[this.y]]改成[[d1.y]]—點擊“肯定”返回上級頁面—動畫“線性”,時間 “300”毫秒—點擊肯定。
繼續(xù),在添加動作中選擇“設置選中”—選中—勾選“tongxunlu”—設置選中狀態(tài)為“值”“true”。
同理,按照移動相反方向設置“向右拖動終了時”的交互動作,完成后如下圖。
第四步:設置上下移動限制條件
經過上面的三步曾經可以完成頁面橫縱向同時滑動,但是會發(fā)現(xiàn)一個問題,就是上下滑動的時分可以將消息頁面或通訊錄頁面滑出展示區(qū)域外。為了,更好的體驗,下面我們來對上下滑動范圍加一個限制條件。
選中動態(tài)面板d2—元件交互與說明“交互”—點擊“拖動時”—添加條件—選擇“值”—點擊fx—添加局部變量“d1”=“元件”“d1”—插入變量或函數(shù)輸入“[[d1.top]]”—點擊“肯定”返回上級頁面—選擇“>=”“值”“0”—點擊“肯定”完成條件編輯
繼續(xù),添加動作選擇“移動”—勾選“d1(動態(tài)面板)”—移動“到絕對位置”“y:0”—點擊x后面的“fx”—添加局部變量“d1”=“元件”“d1”—插入變量或函數(shù)輸入“d1.x”—點擊“肯定”完成設置
同理,設置下方的移動限制。
選中動態(tài)面板d2—元件交互與說明“交互”—點擊“拖動時”—添加條件—選擇“值”—點擊fx—添加局部變量“d1”=“元件”“d1”—插入變量 或函數(shù)輸入“[[d1.bottom]]”—點擊“肯定”返回上級頁面—選擇“<=”“值”“462”—點擊“肯定”完成條件編輯
462的由來:462為動態(tài)面板d1的高度,需根據(jù)你的理論需求來定。
繼續(xù),添加動作選擇“移動”—勾選“d1(動態(tài)面板)”—移動“到絕對位置”“y:-199”—點擊x后面的“fx”—添加局部變量“d1”=“元件”“d1”—插入變量或函數(shù)輸入“d1.x”—點擊“肯定”完成設置.
-199的由來:動態(tài)面板d1與動態(tài)面板d2的高度差為-199.
https://www.ju-7.com/
https://www.ju-7.cn/
評論列表
還沒有評論,快來說點什么吧~