分類:AxureRP8.0教程

AxureRP8中實現伸縮式的圖片展示交互效果

AxureRP8中實現伸縮式的圖片展示交互效果
上午的時候,在一個群里看到這樣的實現需求。 伸伸縮縮,感覺很爽的樣子。 那么,這樣的一個交互效果如何實現呢? 詳細的教程我就不寫了,直接上交互截圖和源文件就好了。 好多操作步驟是吧? 實際上,只需要在一張圖片上完成這些設置,剩下不管有多少張圖片都是復制粘貼而已。 這里主要說一...

小樓一夜聽春語 1年前 (2018-11-23) 2348℃ 7評論 39喜歡

可以更改樣式與文字的選擇文件功能

可以更改樣式與文字的選擇文件功能
今天在群里看到了一個需求。 有一位群友想將選擇文件元件的文字修改成自己想要的文字。 我們通過將文本框設置為“文件”類型,就能夠進行本地文件的選擇。 不過這個設置在瀏覽器中顯示文字的也不一致,谷歌瀏覽器是“選擇文件”,火狐瀏覽器是“瀏覽...”。 而且,按鈕的樣式也不能隨意改變。 ...

小樓一夜聽春語 1年前 (2018-08-24) 2755℃ 9評論 22喜歡

Axure文本框中任意位置插入字符

Axure文本框中任意位置插入字符
有人說我做原型很騷,我想這大概就是牛█的味道。哇哈哈哈哈哈哈哈哈!(為避免某些用戶不適,此處隱藏一個漢字。) 今天,我再騷一回! 首先,我們先來看一張動態圖片。 相信對這個案例感興趣的朋友,已經迫不及待,想要插一插試一試。 別急! 這個案例需要使用JS才能完成。 因為,最關鍵的...

小樓一夜聽春語 1年前 (2018-08-21) 2424℃ 5評論 27喜歡

漢字拼音首字母查詢(非JS版)

漢字拼音首字母查詢(非JS版)
上圖就是我們要實現的目標:輸入一個漢字能夠查到它的拼音首字母。 實際上,明白了實現原理之后,通過漢字查拼音、查聲母都是可以實現的。 關鍵在于有沒有一個能夠使用的源數據。 我們先來看看元件的準備工作。 上面這張圖,大家能夠看到這個案例使用的所有元件。 最關鍵的就是命名為“Pin...

小樓一夜聽春語 1年前 (2018-08-06) 2489℃ 0評論 10喜歡

日期類型文本框默認顯示當前系統日期

日期類型文本框默認顯示當前系統日期
有時候,在原型中我們需要添加日期的選擇框。 在AxureRP8中,日期的選擇框可以通過文本框指定為日期類型實現。 并且,如果想默認顯示某個日期,可以在提示文字的輸入框中輸入格式為“yyyy-mm-dd”的日期。 不過這樣處理的話,在原型預覽時,沒有辦法手動輸入日期,并且無法獲...

小樓一夜聽春語 1年前 (2018-07-27) 4959℃ 3評論 27喜歡

Axure中使用JS實現接口調用

Axure中使用JS實現接口調用
注意:此教程面向有類似需求和興趣愛好者,無此應用的同學勿入,以免產生不適! 需求推動創造! 剛剛完成了一個企業培訓。 這家企業因為自身業務需求,要求原型的保真程度已經是我所見過的企業中最高的了。 在培訓結束后的討論中,出現了這樣的一個需求:根據輸入的漢字形成拼音的首字母索引。 也...

小樓一夜聽春語 1年前 (2018-07-22) 4886℃ 13評論 26喜歡

AxureRP中通過JS代碼改變文本框類型

AxureRP中通過JS代碼改變文本框類型
在AxureRP中通過JS代碼,可以實現對元件屬性以及變量的操作。 當然,這么深入的內容不適合廣大的AxureRP使用者。 如果對JS有一定的了解,倒不妨結合一下,將一些復雜的交互簡單化,形成可以重用的元件庫,分享給大家使用。 實際上,AxureRP這款軟件,它的目的也是不用編寫...

小樓一夜聽春語 2年前 (2018-07-02) 4071℃ 6評論 15喜歡

中繼器實現某一行前后插入行的操作

中繼器實現某一行前后插入行的操作
提示1:本篇教程不適合新手,以及未掌握中繼器、動態面板、全局變量、局部變量、系統變量等使用的...新手。 提示2:本篇教程中,動作設置的具體細節,請參考文末源文件。 我們知道中繼器可以實現列表,對于平常所見到的表格可以非常容易的實現。 并且,還可以通過中繼器的一些交互動作實現添加...

小樓一夜聽春語 2年前 (2018-06-24) 4968℃ 4評論 15喜歡

解決鼠標單擊時與鼠標長安時事件沖突

解決鼠標單擊時與鼠標長安時事件沖突
假設我們想做一個交互效果如下。 默認情況下,有一個APP的圖標。 當我們鼠標單擊這個圖標時,打開APP的home頁。 而長按這個APP圖標時,圖標帶有選中狀態的陰影,顯示刪除這個APP的按鈕。 按照常規思路,我們只需要給圖標的鼠標單擊時添加打開home頁的鏈接,鼠標長按圖標時...

小樓一夜聽春語 2年前 (2018-05-24) 3634℃ 7評論 10喜歡

Axure技巧-交互樣式-鼠標懸停

Axure技巧-交互樣式-鼠標懸停
這一篇教程給大家分享一個Axure中的技巧-交互樣式設置之鼠標懸停。 我們先來看一個效果。 上面這張圖片的動態效果,就是我們這篇教程的實現目標。 簡單的描述一下需要注意的內容,這也是我們實現最終效果的重要參考。 1、默認狀態下,圖標上方有半透明遮擋。 2、鼠標指針進入圖標時,圖...

小樓一夜聽春語 2年前 (2018-05-20) 6389℃ 10評論 26喜歡

辽宁快乐12选5走势图表