Axure8小練習(xí)－簡單的微信Demo(Round 1)

這是一個(gè)很簡單的Demo枕屉。

這是一個(gè)很簡單的Demo常柄。

這是一個(gè)很簡單的Demo。

所以搀擂，隨便瞅瞅吧西潘。

小白，想做一個(gè)App的Demo哨颂，想了幾個(gè)自己比較喜歡的app秸架，發(fā)現(xiàn)微信比較簡潔，而且還可以看到好人們做的一些微信Demo咆蒿，所以东抹，就耍耍。

感謝好人們的分享???

這里只用到基礎(chǔ)的母版沃测，動(dòng)態(tài)面板缭黔，中繼器的概念，比較難的還沒有涉及蒂破，會(huì)繼續(xù)做好馏谨。

微信Demo－Round 1 ? ? ? ? ? ?系統(tǒng)：安卓 ? ? ? ? ? ?微信版本：6.3.25

先上效果圖：

微信界面

通訊錄界面

發(fā)現(xiàn)界面（有的圖標(biāo)沒找到，所以灰了）

我界面

看著好想挺逼真的樣子哎附迷。但是惧互，目前只實(shí)現(xiàn)點(diǎn)擊下面的4個(gè)按鈕哎媚，實(shí)現(xiàn)頁面的切換。單個(gè)頁面的垂直拖動(dòng)（具體的拖動(dòng)還沒設(shè)置好喊儡，呵呵呵...）

具體實(shí)現(xiàn)：

01：

現(xiàn)有一個(gè)簡單的思路拨与，比如：

比如這樣 0.0

然后，再做好每個(gè)界面的內(nèi)容艾猜。

02:

微信Demo頁面买喧，提供一個(gè)整體的框架，拖入一個(gè)手機(jī)的部件和一個(gè)手機(jī)頂部的矩形匆赃，中間加入一個(gè)內(nèi)聯(lián)框架（邊框和滾動(dòng)條隱藏）淤毛，鏈接“主頁”即可。

02-1

03:

主頁頁面算柳。

03-1

這里解釋一哈低淡。之前是有參照（http://www.reibang.com/p/bff9e436a78c）這篇文章，所以做了一個(gè)大的動(dòng)態(tài)面板瞬项，然后在上面加了4個(gè)內(nèi)聯(lián)框架蔗蹋，但是后來，因?yàn)槲覜]有要做左右滑動(dòng)界面的功能（后面會(huì)完善）滥壕，所以就用加了一個(gè)內(nèi)聯(lián)框架（空白的地方纸颜，下面覆蓋了一個(gè)“微信”內(nèi)聯(lián)框架）兽泣，然后用下面的4個(gè)按鈕區(qū)鏈接“微信”绎橘，“通訊錄”，“發(fā)現(xiàn)”和“我”頁面唠倦。這一部分可以參考下上面那篇文章（感謝好人）称鳞。

“微信“按鈕添加的用例，其他的類似

注：參照那篇文章可以發(fā)現(xiàn)一個(gè)問題稠鼻，那個(gè)Demo點(diǎn)擊下面按鈕是界面轉(zhuǎn)換是通過動(dòng)態(tài)面板改變坐標(biāo)來完成的冈止，所以通過點(diǎn)擊按鈕來實(shí)現(xiàn)界面跳轉(zhuǎn)會(huì)看到其他界面滑動(dòng)的樣子。然后呢候齿，真實(shí)的微信app通過點(diǎn)擊按鈕跳轉(zhuǎn)的話熙暴，是直接出現(xiàn)的。（講的不是很清楚慌盯，具體情況正在想改善方法）

05.

微信周霉，通訊錄，發(fā)現(xiàn)亚皂，我俱箱。這4個(gè)頁面因?yàn)檫€沒有做其他的功能，所以就是簡單重復(fù)灭必，中繼器和動(dòng)態(tài)面板的簡單用法狞谱，看下源文件的頁面布局就清楚了乃摹。（如果需要，可以點(diǎn)擊最下面的鏈接下載）