<bdo id="r1ift"></bdo>
  • <bdo id="r1ift"></bdo>

    1. <tbody id="r1ift"><span id="r1ift"><address id="r1ift"></address></span></tbody>
      <nobr id="r1ift"><optgroup id="r1ift"></optgroup></nobr>

      <track id="r1ift"></track>

      Axure原型設計:活動抽獎轉盤

      生活中在購物的時候經常會遇到一些可以抽獎的活動,很多時候都采用轉盤抽獎的形式,抽中獎自然很開心啦,但是這個轉盤原型是怎樣做出來的呢,馬上來看下吧!

      Axure原型設計:活動抽獎轉盤

      先來個完整圖,所有的布局結構,如下圖:

      Axure原型設計:活動抽獎轉盤

      步驟一:搭建組件

      “轉盤”:一個300×300白底黑框的圓形(大小適中就可以),一條垂直線,一條45度垂直線,一條水平線,一條45度水平線,四條線組成8等份,放置在圓形的正中;每一等份放置一個文本標簽,用于抽獎憑證,以上所有組件組合并命名為“轉盤”。

      “抽獎按鈕”與“抽獎指針”:一個100×100的灰底黑框圓形,中間文字為“抽獎”,命名為“抽獎按鈕”,并放置于轉盤的正上方;一個10×30的灰底黑框的三角形,命名為“抽獎指針”并放置于“抽獎按鈕”正上方。

      步驟二:為“抽獎按鈕”添加鼠標點擊時用例

      只要一個用例就可以完成轉盤抽獎效果啦

      該用例動作:相對旋轉轉盤,角度為[[100000+Math.random()*360]],順時針方向,錨點為中心,動畫為線性,時間為2000毫秒(時間主要控制轉的速度)。

      Axure原型設計:活動抽獎轉盤

      這樣就全部完成了,這個只用設置一個用例,所以相對會簡單一些。

      本文為@運營喵原創,運營喵專欄作者。

      (0)
      運營喵運營喵官方
      上一篇 2018-08-30 21:50
      下一篇 2018-08-30 21:57

      發表回復

      登錄后才能評論
      公眾號
      公眾號
      返回頂部
      運營喵VIP會員,暢學全部課程,點擊查看 >
      <bdo id="r1ift"></bdo>
    2. <bdo id="r1ift"></bdo>

      1. <tbody id="r1ift"><span id="r1ift"><address id="r1ift"></address></span></tbody>
        <nobr id="r1ift"><optgroup id="r1ift"></optgroup></nobr>

        <track id="r1ift"></track>
        轻点灬大ji巴太粗太长了