在画布应用中添加图片控件

拍摄照片或从本地设备加载图像。

Description

使用此控件,用户可以从其设备拍摄照片或上传图像文件,并使用此内容更新数据源。 在移动设备上,用户会显示设备选择对话框,以在拍摄照片或选择一个已可用照片之间进行选择。

此控件是包含两个控件的分组控件: “图像 ”和“ 添加图片”按钮。 如果尚未上传图像, 图像 控件将显示上传的图像或占位符。 “添加图片”按钮会提示上传图像。

请参阅图像属性的图像控件参考

局限性

图片控件具有以下限制:

  • 在 iOS 上使用 “添加图片 ”控件时,使用相机或库导入的图像不包含元数据,如方向、位置信息或相机设置。

添加图片按钮属性

AccessibleLabel – 屏幕阅读器标签。 应描述添加图片的目的。

对齐 - 文本相对于其控件的水平中心的位置。

BorderColor – 控件边框的颜色。

BorderStyle – 控件的边框是 SolidDashedDotted 还是 None

BorderThickness – 控件边框的粗细。

ChangePictureText – 上传图像后按钮上显示的文本。

颜色 – 控件中的文本颜色。

DisabledBorderColor – 如果控件的 DisplayMode 属性设置为 Disabled,则控件边框的颜色。

DisabledColor – 控件中的文本颜色(如果控件的 DisplayMode 属性设置为 Disabled)。

DisabledFill – 控件的 DisplayMode 属性设置为 Disabled 时的背景色。

DisplayMode – 控件是否允许用户输入(编辑)、仅显示数据(视图)或已禁用(已禁用)。

错误 - 如果上传图像时遇到问题,此属性将包含适当的错误字符串。

填充 – 控件的背景色。

FocusedBorderColor – 当控件聚焦时控件边框的颜色。

FocusedBorderThickness – 当控件聚焦时控件边框的粗细。

字体 – 显示文本的字体系列的名称。

FontWeight – 控件中文本的粗细: 粗体半曲普通较轻

高度 – 控件的上边缘和下边缘之间的距离。

HoverBorderColor – 当用户在该控件上保留鼠标指针时控件边框的颜色。

HoverColor – 当用户将鼠标指针放在控件上时,控件中文本的颜色。

HoverFill – 当用户将鼠标指针放在控件上时,控件的背景色。

斜体 – 控件中的文本是否为斜体。

媒体 – 音频或视频控件播放的剪辑的标识符。

OnChange – 当用户更改控件值时要执行的作(例如,通过调整滑块)。

OnSelect – 当用户点击或单击控件时要执行的作。

填充 – 导入或导出按钮上的文本与该按钮边缘之间的距离。

PressedBorderColor – 当用户点击或单击该控件时控件边框的颜色。

PressedColor – 当用户点击或单击该控件时控件中的文本颜色。

PressedFill – 当用户点击或单击该控件时控件的背景色。

重置 – 控件是否还原为其默认值。

大小 – 控件上显示的文本的字号。

删除线 – 是否通过控件上显示的文本显示线条。

TabIndex – 相对于其他控件的键盘导航顺序。

文本 – 图像尚未上传时按钮上显示的文本。

工具提示 – 当用户将鼠标悬停在控件上时出现的解释性文本。

下划线 – 是否在控件上显示的文本下显示一行。

UseMobileCamera – 是否直接使用手机摄像头(如果可用)。 将此设置为 TRUE 会强制用户使用相机拍摄照片,并禁用从设备库上传现有图像。

VerticalAlign – 控件上与该控件的垂直中心相关的文本位置。

可见 – 控件是显示还是隐藏。

宽度 – 控件的左边缘和右边缘之间的距离。

X – 控件左边缘与其父容器(如果没有父容器,则为屏幕)左边缘之间的距离。

Y – 控件上边缘与其父容器(如果没有父容器,则为屏幕)上边缘之间的距离。

PatchDataSourceBaseRecordChangeRecord

例子

  1. 添加 “添加图片 ”控件,然后三次单击它。

    不知道如何 添加、命名和配置控件

  2. “打开 ”对话框中,单击或点击图像文件,然后单击或点击“ 打开”。

  3. 添加按钮控件,将其移动到“添加图片”控件下,并将 Button 控件的 OnSelect 属性设置为以下公式:
    Collect(MyPix、AddMediaButton1.Media)

    想要了解有关 Collect 函数 或其他函数的详细信息?

  4. 添加 垂直库 控件,并将其 Items 属性设置为 MyPix

  5. 选择库中的图像控件,并将其设置为 Image 属性到 ThisItem.Value

  6. 按 F5,然后单击或点击 按钮 控件。

    “添加图片”控件中的图像显示在垂直库控件中。 如果图像的纵横比与垂直库控件中的图像控件不相同,请将图像控件的 ImagePosition 属性设置为“拟合”。

  7. 单击或点击 “添加图片 ”控件,单击或点击其他图像文件,单击或点击“ 打开”,然后单击或点击添加的 按钮 控件。

    第二个图像显示在 图像库 控件中。

  8. (可选)重复上一步或多次,然后按 Esc 返回到默认工作区。

使用 SaveData 函数在本地保存映像,或使用 Patch 函数更新数据源。

辅助功能指南

按钮图像的相同准则适用。 此外,请考虑以下事项:

颜色对比度

  • “添加图片”按钮 在其文本和背景之间必须具有足够的对比度。 由于上传的图像的颜色可能不同,请使用“添加图片”按钮上的不透明填充来确保一致的对比度。

屏幕阅读器支持

  • “添加图片”按钮 必须具有 “文本 ”和 “ChangePictureText ”,提示用户添加或更改图片。

键盘支持

  • 添加图片按钮TabIndex 必须为零个或多个,以便键盘用户可以导航到它。
  • “添加图片”按钮 必须具有清晰可见的焦点指示器。 使用 FocusedBorderColorFocusedBorderThickness 来实现此目的。