Axure 8中製作日曆 中繼器方式

2022-08-16 13:18:22 字數 2038 閱讀 4502

這幾周做了一套系統,涉及到首頁需要做乙個日曆,樣子如下,顏色凑活看吧,原諒我的審美;

包括的功能,設定的12日,標藍為當前日,小鈴鐺為有待辦事務;看了很多資料,有直接用**畫的,畫了很多圖,偶爾想試試高階點的手段,中繼器提上日程;

圖中,星期是中繼器1,日期是中繼器2;記住,包括中繼器在內以及裡面的各種圖案,都要給個名字,否則相關設定的時候,沒法指定設定;

中繼器1命名為weekday,中繼器2命名為days,深藍色小矩形底圖為today,藍色圓形命名為todaybg,小鈴鐺命名為red;中繼器1中的底圖命名為xq

axure 8中,命名的位置看下圖,操作區選中之後,在最右側**就可以設定名字了;

中繼器1的設定,選中中繼器1,然後右側設定中,把一,二,三,四,這些內容填寫進去

中繼器2的設定,選中中繼器2,右側設定中,第一列命名為days,阿拉伯數字輸入表示幾號,如果像圖中要有幾個空的,那就直接值為空就可以;

因為要設定當天藍色圓效果以及提醒效果,中繼器2增加兩列,分別命名為today,並隨便選擇一行,寫個1;第三列命名為mark,對應的days中,要顯示小鈴鐺,也輸入1;

設定好了之後,調整好高度和位置,這個位置,在樣式裡設定,布局這裡可以調整的;

現在就可以開始設定中繼器裡的部分了,設定當前日的效果,新增乙個藍色圓形,中繼器2我放了乙個深藍色的底圖,要把藍色圓形,要調整下移一層;用底色的圖把它蓋住;

小鈴鐺的原理跟藍色圓形一樣,都要比底色圖下移一層;分散開是這樣的,把藍色蓋過去,就只能看到藍色;

圖形這裡,怎麼排版,還有命名都做完之後,接下來開始設定效果;若中繼器1中,白色底圖未設定名字,則設定的時候『配置動作』這裡,會找不到這個矩形的;設定文字值為[[item column0]],意思是,中繼器中column0列的文字內容顯示出來;

選中中繼器1,之後,選擇「每項載入時」,用例內容如下;

現在開始設定中繼器2中的用例動作,最終出來的結果如下;意思是,每一項載入時,如果(if)中繼器中的today列的值等於1,設定todaybg(藍色圓形圖輸入了數字12)中的文字顯示出來   並且   始終保持todaybg在最前端;

設定步驟如下:設定條件,然後設定藍色圓形圖的文字展示,設定藍色圓形始終在最前端;

接下來設定else if,這裡直接設定文字的部分就可以了,然後別忘記最後修改是if還是else if;選擇case,右鍵,可以看到選單,切換為或,在這裡切換就可以了;

最後設定小鈴鐺,原理跟藍色圓形的道理是一樣的,如果中繼器2中的mark列的值等於1,則顯示red小圖示;

最後就能看到這樣的效果啦!

axure8 修改標籤文字 HTML簡易的常用標籤

介紹一下常用的html標籤,mdn裡面有但是都很拗口,今天就介紹幾個常用的吧。1 首先最最最常用的div標籤,這個標籤就是乙個空的標籤,是乙個閉合標籤。什麼是閉合標籤就是一對的。例子 這是裡面是可以新增其他標籤,文字,等等。通俗講就是把網頁用div分成一小塊一小塊然後在這一小塊一小塊內容裡面修修改改...

Axure原型製作規範

axure原型製作規範 6.保真度 僅針對前端頁面 1 創新型產品 產品改版 為了體現新產品的業務邏輯,或展示產品的改進功能,本類原型要求高保真原型。具體包含 a 所有頁面有完整的鏈結,能順利跳轉 關閉 b 任何互動均有完整的流程和結束 c 關鍵功能 創新點要上色,不得使用自帶的灰白色 黑色 d 按...

使用Axure製作進度條

效果連線 密碼 hanyu2012 背景 1張 軟體 axure 1 在開打的空頁面上新增一張已經準備好的背景 x 50,y 50 w 620 h 320 如圖 2 在背景那個上新增乙個按鈕控制項 x 120,y 200 w 500,h 20 同時設定按鈕的填充色為無色,如圖 3 在按鈕上新增乙個動...