开发具有响应式图像的 UI

在项目中实现外部图像,并使图像对窗口大小进行响应。
应用程序示例
在此示例中,当调整应用程序窗口大小时,
Rockwell Automation
徽标会拉伸到窗口的边缘。
提醒事项:
下载示例项目:
ResponsiveExternalImage.zip
先决条件
  1. 开发项目
  2. 在
    项目视图
    中,双击
    MainWindow (type)
    。
    将在一个单独的窗口中打开编辑器。
  3. 将下载的徽标从计算机拖到编辑器中。
    在
    项目视图
    中,
    图像1
    对象将显示在
    MainWindow (type)
    下面。
  4. 在
    属性
    中,将
    水平对齐
    和
    垂直对齐
    设置为
    拉伸
    :
  5. 排列界面元素。
  6. 保存该项目。
选择
运行
可使用客户端仿真器运行项目,以测试项目。要在远程客户端上运行项目,请参见添加客户端设备。
提供反馈
对本文档有问题或反馈吗? 请在这里提交您的反馈 。
Normal