深圳市聚企網(wǎng)絡(luò)科技有限公司

　　往常logisim元件用法詳解，移動(dòng)端曾經(jīng)逐漸超越了PC端成為了主流，各種手機(jī)APP稱出不窮，占領(lǐng)了我們logisim元件用法詳解的絕大多數(shù)生活，特別是微信。無(wú)論吃飯、休息，還是工作，我們總 不時(shí)地拿出手機(jī)，從消息的最頂端往下滑，直至看完一切的小紅點(diǎn)，然后從右往左滑過(guò)通訊錄，滑到發(fā)現(xiàn)，又是朋友圈的一輪猖獗閱讀與點(diǎn)贊。喝點(diǎn)雞湯，尋點(diǎn)樂(lè) 趣，我們的生活確實(shí)這么無(wú)趣。那么，在做原型的時(shí)分如何完成剛剛所說(shuō)的橫縱向移動(dòng)呢？下面我將向大家分享一下我的處置方法，希望能輔佐到大家。

　　效果動(dòng)態(tài)：

　　原材料：

　　步驟/方法

　　第一步：設(shè)置按鈕的選中效果和組

　　同時(shí)選中xiaoxi和tongxunlu—元件屬性與樣式“屬性”—在“輸入選項(xiàng)組稱號(hào)”中輸入“組”（輸入其他也可以）

　　同時(shí)選中xiaoxi和tongxunlu—元件屬性與樣式“屬性”—選中—勾選“字體顏色”選擇白色—在“填充顏色”選擇灰色—點(diǎn)擊肯定

　　僅選中xiaoxi—元件屬性與樣式“屬性”-—勾選“選中”，使其在一開(kāi)端頁(yè)面載入后默許狀態(tài)為選中。

　　第二步：設(shè)置兩層動(dòng)態(tài)面板

　　經(jīng)過(guò)移動(dòng)將消息頁(yè)面和通訊錄頁(yè)面兼并在一同，同時(shí)選中消息頁(yè)面和通訊錄頁(yè)面—右鍵單擊—轉(zhuǎn)換為動(dòng)態(tài)面板—設(shè)置動(dòng)態(tài)面板稱號(hào)為“d1”。

　　在微#界面的展示區(qū)域內(nèi)畫(huà)一個(gè)動(dòng)態(tài)面板，使其大小與展示區(qū)域相同并重合，設(shè)置動(dòng)態(tài)面板稱號(hào)為“d2”.

　　將動(dòng)態(tài)面板d1復(fù)制到動(dòng)態(tài)面板d2的一個(gè)子層級(jí)里面，并將d2的位置設(shè)置為“x:0；y:0”。

　　第三步：設(shè)置橫縱向滑動(dòng)的交互動(dòng)作

　　選中動(dòng)態(tài)面板d2—元件交互與說(shuō)明“交互”—點(diǎn)擊“拖動(dòng)時(shí)”—移動(dòng)—勾選“d1（動(dòng)態(tài)面板）”—移動(dòng)“垂直拖動(dòng)”；動(dòng)畫(huà)“無(wú)”。完成后結(jié)果如下圖

　　選中動(dòng)態(tài)面板d2—元件交互與說(shuō)明“交互”—點(diǎn)擊“向左拖動(dòng)終了時(shí)”—編輯條件—選擇“選中狀態(tài)”“xiaoxi”“=”“值”“true”。（如下圖）

　　繼續(xù)，選擇“移動(dòng)”—勾選“d1（動(dòng)態(tài)面板）”—移動(dòng)“絕對(duì)位置”“x:-320”—點(diǎn)擊fx—在“添加局部變量中”設(shè)置“d1”=“元 件”“d1”—插入變量或函數(shù)—在元件中選擇“y”—將[[this.y]]改成[[d1.y]]—點(diǎn)擊“肯定”返回上級(jí)頁(yè)面—?jiǎng)赢?huà)“線性”，時(shí)間 “300”毫秒—點(diǎn)擊肯定。

　　繼續(xù)，在添加動(dòng)作中選擇“設(shè)置選中”—選中—勾選“tongxunlu”—設(shè)置選中狀態(tài)為“值”“true”。

　　同理，按照移動(dòng)相反方向設(shè)置“向右拖動(dòng)終了時(shí)”的交互動(dòng)作，完成后如下圖。

　　第四步：設(shè)置上下移動(dòng)限制條件

　　經(jīng)過(guò)上面的三步曾經(jīng)可以完成頁(yè)面橫縱向同時(shí)滑動(dòng)，但是會(huì)發(fā)現(xiàn)一個(gè)問(wèn)題，就是上下滑動(dòng)的時(shí)分可以將消息頁(yè)面或通訊錄頁(yè)面滑出展示區(qū)域外。為了，更好的體驗(yàn)，下面我們來(lái)對(duì)上下滑動(dòng)范圍加一個(gè)限制條件。

　　選中動(dòng)態(tài)面板d2—元件交互與說(shuō)明“交互”—點(diǎn)擊“拖動(dòng)時(shí)”—添加條件—選擇“值”—點(diǎn)擊fx—添加局部變量“d1”=“元件”“d1”—插入變量或函數(shù)輸入“[[d1.top]]”—點(diǎn)擊“肯定”返回上級(jí)頁(yè)面—選擇“>=”“值”“0”—點(diǎn)擊“肯定”完成條件編輯

　　繼續(xù)，添加動(dòng)作選擇“移動(dòng)”—勾選“d1（動(dòng)態(tài)面板）”—移動(dòng)“到絕對(duì)位置”“y:0”—點(diǎn)擊x后面的“fx”—添加局部變量“d1”=“元件”“d1”—插入變量或函數(shù)輸入“d1.x”—點(diǎn)擊“肯定”完成設(shè)置

　　同理，設(shè)置下方的移動(dòng)限制。

　　選中動(dòng)態(tài)面板d2—元件交互與說(shuō)明“交互”—點(diǎn)擊“拖動(dòng)時(shí)”—添加條件—選擇“值”—點(diǎn)擊fx—添加局部變量“d1”=“元件”“d1”—插入變量 或函數(shù)輸入“[[d1.bottom]]”—點(diǎn)擊“肯定”返回上級(jí)頁(yè)面—選擇“<=”“值”“462”—點(diǎn)擊“肯定”完成條件編輯

　　462的由來(lái)：462為動(dòng)態(tài)面板d1的高度，需根據(jù)你的理論需求來(lái)定。

　　繼續(xù)，添加動(dòng)作選擇“移動(dòng)”—勾選“d1（動(dòng)態(tài)面板）”—移動(dòng)“到絕對(duì)位置”“y:-199”—點(diǎn)擊x后面的“fx”—添加局部變量“d1”=“元件”“d1”—插入變量或函數(shù)輸入“d1.x”—點(diǎn)擊“肯定”完成設(shè)置.

　　-199的由來(lái)：動(dòng)態(tài)面板d1與動(dòng)態(tài)面板d2的高度差為-199.

　　https://www.ju-7.com/

　　https://www.ju-7.cn/