Axure RP官方教程翻譯(2):文本鏈接

4 評論 11207 瀏覽 40 收藏 3 分鐘

文章分享了給部件中的部分文字添加鏈接的實現過程,具體來看看~

這篇教程要達到的目的是為了一個部件中部分文字添加鏈接,在該案例中我將其打開方式修改成“Popup Window”,實現的效果如下:

STEP 0:下載練習文件

如果你還沒有練習文件,下載AxureTraining.rp文件并且在Axure RP打開它。這個文件包含了Axure培訓網站上每個教程用到的相關頁面。我們建議一直都用我們準備的這個文件來完成教程,但是如果你不能,那也是ok的——即使你沒有使用我們的培訓文件,我們總是會告訴你為了完成每一個教程需要在新文件中創建什么。

AxureTraining.rp文件打開后如下:

STEP 1:選擇文本

打開培訓文件中的“Text link”頁面。它包含了一個帶有一些文本段落的部件。

雙擊這個部件進行編輯文本,僅僅選擇一部分文本。

STEP 2:配置鏈接

  • 在右側Inspector面板的Properties標簽欄下,點擊“Text Link”icon。
  • 出現對話窗“Link Properties”(鏈接屬性),在對話框頂部的“Open in”下拉框中選擇“New Window/Tab”(新窗口/標簽)。
  • 或者,你也可以使用(對話框底部的)選項“Link to external url or file”來鏈接到外面的網站。
  • 點擊確定關閉對話框。

你選擇的文本現在有了一個可交互的覆蓋和鏈接樣式。

STEP 3:預覽

點擊預覽。在生成的原型中,點擊鏈接文本測試你的鏈接。

相關閱讀

Axure RP官方教程翻譯(1):交互式按鈕

譯者:Eugene

原文鏈接:?https://www.axure.com/support/training/text-link-tutorial

本文由 @Eugene 翻譯發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 哈哈,感謝。
    翻譯官方參考手冊的事情,我翻譯了一篇,但是沒堅持下去。
    希望樓主堅持下去,是一件有意義有價值的事兒。
    希望

    來自江蘇 回復
    1. 真是很高興得到你的認可,我之前就關注你的微信公眾號了

      來自福建 回復
    2. 感謝支持。
      個人感覺Axure官方的這些參考手冊文章里面,包含了他們對于Axure的設計之道,不僅僅是功能本身。更主要是如何設計原型,定義產品的思想。
      真的期待你把其他幾個系列也能堅持下去翻譯。。。真心期待。

      來自上海 回復
    3. 是,看來我還有很多要學習的。其他幾個系列,我量力而行。^_^

      來自福建 回復