分享

uniGUI 快速定制手机端输入界面布局

 和谐世界 2023-04-20 发布于福建

咱还是直奔主题,如何快速制作输入界面呢?如下图:

 

 第一步,放置一个UnimFieldContainer,设置属性:

AlignmentControl=uniAlignmentClient,让客户端处理对齐;

LayoutConfig.Padding=10,10,10,10,让容器的四周内边距留10个单位,避免下一步放的控件,撑满全屏,太挤了。

第二步,放入录入的控件,如unimDBEdit,设置属性:

FieldLabel=如入项的标题,如日期

FieldLabelWidth=35,默认是30,不合适,可以适当调大

LayoutConfig.Width=100%,这一项重要,让控件占满屏宽,按屏宽显示,感谢朋友风轻云淡,没他的帮助,我是花了几个小时没搞定的。

按第二步,继续放置其他的输入控件,最后设计期的样子,如下图:

运行,就看到第一张图的效果了!

补充内容:

如果输入控件多,超出屏高,我们还要让UnimFieldContainer支持上下滑动,现在版本没有属性支持,需要增加以下代码:

function afterCreate(sender){
  sender.getContainer().setScrollable(true);
}

再一次感谢风轻云淡!

开发环境 delphi 10.3.3+unigui 1534

参考:https://blog.csdn.net/sglqh/article/details/86670908

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多