zoukankan      html  css  js  c++  java
  • Axure 8中制作日历--中继器方式

    之前写了几个jmeter的相关内容,其实我正经是个产品经理来着,哈哈!

    这几周做了一套系统,涉及到首页需要做一个日历,样子如下,颜色凑活看吧,原谅我的审美;

    包括的功能,设定的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,右键,可以看到菜单,切换为<if>或<Else if>,在这里切换就可以了;

    最后设置小铃铛,原理跟蓝色圆形的道理是一样的,如果中继器2中的mark列的值等于1,则显示red小图标;

    最后就能看到这样的效果啦!

  • 相关阅读:
    回老家
    防疫针
    平安夜
    虎威威
    圣诞联欢会
    小老虎飞船
    电子积木
    打印
    周日大悦城
    又一年毕业季
  • 原文地址:https://www.cnblogs.com/sysc/p/14601867.html
Copyright © 2011-2022 走看看