• <acronym id="gvoe3"><meter id="gvoe3"><address id="gvoe3"></address></meter></acronym>
  • <pre id="gvoe3"></pre>
    <p id="gvoe3"><strong id="gvoe3"><small id="gvoe3"></small></strong></p>

  • <pre id="gvoe3"><label id="gvoe3"><xmp id="gvoe3">
      axure商城

      axure教程之圖片拖動放大縮小

      大家好,我是axure大馬猴,今天給大家帶來一個拖動圖片可以改變大小尺寸的教程。

      教程很簡單的,幾步就搞定了。

      瀏覽地址:https://5crdyy.axshare.com

      動態效果演示:

      教程開始:

      1、首先準備元件,兩個文本標簽分別起名字width、height(用于獲取圖片的寬度跟高度),一張圖片(轉換為動態面板)。

      如圖:

      2、兩個文本標簽,分別載入時候獲取圖片的寬度即width、高度height,然后隱藏。

      如圖:

      3、圖片轉為動態面板后,設定事件動態面板拖動時,設置圖片的寬度=文本標簽width+TotalDragX(這個函數的意思是:鼠標指針拖動元件從開始到結束的X軸移動距離。)設置圖片的高度=文本標簽height+TotalDragY(意思是:鼠標指針拖動元件從開始到結束的Y軸移動距離)。

      如圖:

      4、繼續設定動態面板事件,拖動結束時,設置文本標簽width=當前圖片的寬度,設置文本標簽height=當前圖片的高度。

      如圖:

      總結:拖動圖片改變尺寸不難,大家熟練掌握TotalDragX、TotalDragY指針函數即可。

      給TA買糖
      共{{data.count}}人
      人已贊賞
      基礎教程

      Axure RP 9 訂閱版授權激活教程

      2020-8-11 16:59:32

      基礎教程

      Axure在瀏覽器中預覽時文字大小錯誤失效的解決辦法

      2021-1-9 17:18:31

      axure商城
      7 條回復 A文章作者 M管理員
      1. 小楊pm

        能不能用axure9出點教程

        • 楓林

          這個用9原理是一樣的

        • 小楊pm

          9的條件和情形一直弄不懂,老師能不能講一下。怎么才能跳過第一步交互從第二個交互開始設置條件

        • 楓林

          ( ̄▽ ̄”) 我也不是老師。一般交互要先選一個基礎條件(9里是叫事件吧),然后在右側添加情形

        • 楓林

          再根據情形,添加動作,然后設置對應值。(ps:可以雙擊事件打開框)

      2. 清ing、

        好棒,好詳細的教程,學到了!謝謝

      ?
      個人中心
      購物車
      優惠劵
      今日簽到
      有新私信 私信列表
      搜索
      俄罗斯videoxxxoo
    1. <acronym id="gvoe3"><meter id="gvoe3"><address id="gvoe3"></address></meter></acronym>
    2. <pre id="gvoe3"></pre>
      <p id="gvoe3"><strong id="gvoe3"><small id="gvoe3"></small></strong></p>

    3. <pre id="gvoe3"><label id="gvoe3"><xmp id="gvoe3">