Axure 7.0 怎麼畫App Store星級評分？

就好像App store應用的評論：

第一欄是五個空星的評分。

第二欄才是評論欄。

急！謝謝

---

第一步：控制項製作。拖拽一個動態面板，命名為MB1，設置兩個狀態State1和State2。第一個裡面放入一個黑白的五角星，第二個裡面放入一個噴了顏色的五角星。然後複製MB1四次，分別命名為MB2/MB3/MB4/MB5。後面增加一個標籤Table1，用於記錄分數。

第二步：控制項事件添加。

• 設置一個全局變數a，設置「頁面載入時」事件，該事件動作為賦予變數a=0，控制項Table1文本為變數a。

• MB1中State1狀態「滑鼠單擊時」（為了便於理解用了單擊事件，如果為了逼真，你可以選擇向右滑動事件）事件。該事件產生動作之前應該有一個條件：

if a=0:

滿足以上條件將產生以下動作：

1. MB1切換到State2
2. a=1
3. 控制項Tbale1文本為變數a

• MB2中State1狀態「滑鼠單擊時」事件。該事件產生動作之前應該有一個條件：
  if a=1:
  滿足以上條件將產生以下動作：
  1. MB2切換到State2
  2. a=2
  3. 控制項Tbale1文本為變數a

• MB3、MB4、MB5的以此類推，只要注意設置a的值

第三步：第二步設置的是增加分數，現在我們來設置減少分數。

• MB5中State2狀態「滑鼠單擊時」事件。該事件產生動作之前應該滿足一個條件：
  if a=5：

  滿足以上條件將產生以下動作：

  1. MB5切換到State1
  2. a=4
  3. 控制項Tbale1文本為變數a

• MB4中State2狀態「滑鼠單擊時」事件。該事件產生動作之前應該滿足一個條件：
  if a=4：
  滿足以上條件將產生以下動作：
  1. MB4切換到State1
  2. a=3
  3. 控制項Tbale1文本為變數a

• MB3/MB2/MB1的以此類推，同樣只要注意設置變數a的值

看到這裡你應該注意到了，沒錯！第三步的設置就是第二步的反向設置。

至此，題主所提到評分原型就設置完成了！（看在打這麼多字份上，給點個贊吧！）

————————————————2014.6.20更新————————————————————

重新回看這個解答，發現上面的步驟還是有一些細節問題的。但是總體上不影響製作，思路是沒有問題的。

---

推薦閱讀：