使用工具：Axure pr 8.1版本鸦列。
制作效果如下圖：選中任意tab切換到對應(yīng)界面，以及選中狀態(tài)的改變垄惧。
作為一名初學(xué)者，元件的組合選中以及拖動绰寞，動態(tài)面板的使用到逊，中間還是有幾個細(xì)節(jié)需要注意的，筆者初學(xué)自己研究了好久克握，百度并沒有用蕾管，也許是關(guān)鍵詞不合適，總找不到合適的答案菩暗。好，廢話不多說旭蠕，下面開始操作步驟停团。
第一步：
1.1旷坦、創(chuàng)建導(dǎo)航欄母版，axure界面左側(cè)底部母版欄佑稠，點(diǎn)擊加號創(chuàng)建一個母版并命名秒梅。
1.2、雙擊母版舌胶，進(jìn)入母版編輯頁面捆蜀。在這里進(jìn)行那些拖動等操作啦。
第二步：
2.1幔嫂、我們觀察到導(dǎo)航欄總共5個tab組成辆它，每個tab里有兩個元素一張圖片，一個文本標(biāo)簽履恩。但是為了可以方便的設(shè)置寬高調(diào)整距離均分屏幕并且組合拖動設(shè)置點(diǎn)擊狀態(tài)等锰茉，我們將圖片和文本放到一個矩形框里。
2.2切心、拖動一個矩形到界面上飒筑，拖動一張圖片原件，一個文本標(biāo)簽元件绽昏。如下圖协屡，調(diào)整大小樣式等。
2.3全谤、要想整體拖動這三個元件著瓶，那么就要將這三個元件組合在一起。按住command鍵（我用的mac）啼县，選中矩形材原，圖片，文本標(biāo)簽 右鍵-->點(diǎn)擊組合季眷，即可將是哪個元件組合在一起余蟹。
2.4、點(diǎn)擊組合元件右鍵-->轉(zhuǎn)換為動態(tài)面板子刮。雙擊它威酒，會彈出下面的彈窗，輸入動態(tài)面板名稱挺峡。添加狀態(tài)：選中以及未選中兩個狀態(tài)葵孤。你可以先添加選中，然后雙擊選中狀態(tài)進(jìn)入編輯選中狀態(tài)頁面橱赠，添加選中時的圖片尤仍，文字以及文字顏色等。然后回到動態(tài)面板點(diǎn)擊加號旁邊的復(fù)制可以復(fù)制選中的狀態(tài)狭姨，并命名為未選中宰啦，雙擊未選中去修改里邊的圖片以及文字顏色等即可苏遥。這樣間距之類的就不用去重復(fù)設(shè)置了。
2.5赡模、其他四個tab只要復(fù)制第一個創(chuàng)建編輯好的動態(tài)面板去修改里邊的狀態(tài)的圖片和文字就好了田炭，就不用重復(fù)創(chuàng)建了。
2.6漓柑、拖動到底部導(dǎo)航欄矩形內(nèi)部調(diào)整好間距均分屏幕教硫。
第三步：
3.1、給每個tab點(diǎn)擊時要進(jìn)入對應(yīng)的頁面辆布，那么我們在下圖中添加5個對應(yīng)的頁面瞬矩。
3.2、選中第一個tab谚殊，在左側(cè)首頁屬性丧鸯，點(diǎn)擊鼠標(biāo)單擊時。如下圖：
點(diǎn)擊鏈接嫩絮，打開鏈接丛肢，當(dāng)前窗口，點(diǎn)擊首頁剿干，確定蜂怎。
3.3、其他tab進(jìn)行相同的操作鼠標(biāo)單擊時置尔，打開對應(yīng)的頁面杠步。
3.4、至此底部導(dǎo)航欄母版制作完畢榜轿。然后最后一步幽歼，將母版應(yīng)用在各個頁面上。點(diǎn)擊右側(cè)底部導(dǎo)航欄谬盐，右鍵-->選擇將母版添加到頁面中甸私。選擇全部全部頁面即可。
第四步：
點(diǎn)擊首頁Tab飞傀，選中首頁時皇型，其他tab的狀態(tài)需要變成未選中。這個是如何改變呢砸烦？通過頁面載入時弃鸦，設(shè)置各個tab的狀態(tài)
4.1、比如點(diǎn)擊找車頁面幢痘，右側(cè)屬性唬格，點(diǎn)擊頁面載入時。如下圖：
4.2、雙擊頁面載入時西轩，彈窗员舵，選擇設(shè)置面板狀態(tài)脑沿，找車選擇選中狀態(tài)藕畔，其他選擇未選中狀態(tài)。其他tab相同設(shè)置庄拇。如下圖：
至此注服，所有步驟完成。
第五步：
發(fā)布預(yù)覽一下就可以了措近。
