• Notes原生应用Nomad上的表单设计


    大家好,才是真的好。

    本篇主要讲述为适应移动设备访问时,Notes表单该如何设计或进行调整。和前面两篇遥相呼应。

    在开始之前,我们想告诉大家,Domino 12.0.2马上就要发布了。
    在这里插入图片描述
    就在这几天。

    该版本除了某些新功能外,最让人欣喜的就是修复了我们前面一直提到的——如果连续248天都不重启或不对数据库进行压缩操作的话,那么会产生日期错误问题;毕竟从很早以前(包括R9.0.1和之前的版本)就有这个问题。

    另外上周五,Notes/Domino 11.0.1FP5业已发布,修复80多个已知问题。
    在这里插入图片描述
    如果你运行的是Domino 11.0.x版本,建议更新到Notes/Domino 11.0.1FP5。

    言归正传,本篇的主旨是Notes原生应用Nomad上的表单设计。

    针对于PC或大屏设备设计的Notes原生应用表单,在小屏幕设备很容易产生浮动,即如果你不小心将手指移动了一点,表单也会跟着移动,而且很难再次居中,显示也不全。
    在这里插入图片描述
    所以,建议你按照以下方式来重新进行表单布局。

    首先,在表单或子表单中,调出文本属性,设置边距为 2 厘米(0.788 英寸)
    在这里插入图片描述
    然后还是使用表格,只不过这次表格需要做以下调整:

    1、先创建一个外表,长度和整个窗口一致,边框都为0,行/列间距也为0:
    在这里插入图片描述
    2、然后再创建内嵌的表格看,再次使用1行和1列,行/列间距可以设置为一个小点的数值,例如0.1或0.2等,如下图:
    在这里插入图片描述
    这样布局就完成,而后应该不会再浮动,不过肯定要以你的测试设备表现为判断依旧,然后进行微调。

    3、字段和标签的话,就很简单,因为针对小屏幕设备显示,建议标签为一行、字段为一行,如下图所示:
    在这里插入图片描述
    特别注意的是,我们Demo例库中,显示字段和编辑字段是分开的,如上图所示。

    基本布局规则差不多是这样,但还有另外一些情况,比如你的表单当作对话框使用时,下拉选择字段以及确定、取消按钮显示可能不太好,需要你做调整,比如默认的对话框效果如下图:
    在这里插入图片描述
    最起码确定、取消按钮显示在最下面会好点,如下图:
    在这里插入图片描述
    这可能需要你自己写点LotusScript代码来处理这个情况。

    还有多选字段,例如下拉字段,在iOS中很好,但在Android上可能不如人意。建议自己做个选择按钮,例如把下拉或对话框字段字段的按钮取消掉
    在这里插入图片描述
    然后自己在下拉或选择字段旁边创建一个可点击的按钮或图标,这个按钮点击时,可以调用对话框等,如下图:
    在这里插入图片描述
    字体的话,建议使用默认字体,例如‘Default Sans Serif’ 或‘Default User Interface’ ,否则在不同的设备上可能显示不一致。

    字体大小建议使用12号。

    这些就是面对移动设备上的Nomad访问时,Notes表单设计的基本原则,技能就这么多,最终效果取决你,欢迎仔细研究和改善我们的todo例库,记得在我们公众号回复“todo”获取该例库哦。

    本篇和前面两篇共同构建成了一个系列,即改造Notes原生应用程序界面、以适应移动设备上的Nomad访问的基本方法。

    今天我们就到这里。

    更多精彩内容,请关注微信公众号:协作者

  • 相关阅读:
    程序员必知必会网络传输之TCP/IP协议族,共864页的详解文档让你原地起飞!
    uniapp ssr发行后一直Hydration completed but contains mismatches Cannot find module
    什么是自动化测试框架?
    AMD发布22.9.2驱动,支持《禁闭求生(Grounded)》
    代码随想录算法训练营第十天|二叉树完结
    安装Elasticsearch步骤(包含遇到的问题及解决方案)
    什么是联盟营销以及如何使用它在网上赚更多的钱
    express中间件next函数在作用
    餐饮行业数字化营销方案 | 如何用优质内容驱动营收、口碑双增长
    GBASE 8A v953报错集锦28--使用企业管理器执行 select count(1) into @c from t1;报错
  • 原文地址:https://blog.csdn.net/XZZ_2018/article/details/125523800