普通用户
如何点击图片框图片更换 [复制链接]
超级峰峰 发表于 2026-04-21 102 3

我想通过点击按钮或者点击图片框通过对话框挑选仓库内的图片,更换到图片框,这个怎么实现?

官方技术组 2026-05-01

在选择完毕时,保存选择的图片名称到手机中,当窗口创建完毕(APP被启动)时取出保存的图片让图片框显示,完整代码示例:

事件 窗口创建完毕()
    变量 窗口1_选择的图片 = 读取设置("窗口1_选择的图片")
    如果(取空(窗口1_选择的图片) == )
        图片框_1.图片 = 窗口1_选择的图片
    结束 如果
    
结束 事件

事件 按钮_2.被单击(来源对象  视图)
    变量 对话框1 = 创建 对话框()
    变量 普通宫格框1 = 创建 普通宫格框()
    普通宫格框1.置图片尺寸(DP到PX(60),DP到PX(60))
    普通宫格框1.图片外边距 = DP到PX(10)
    ' 添加仓库图片到 普通宫格框1
    普通宫格框1.添加项目带标记("h3.jpg","图片1","h3.jpg")
    普通宫格框1.添加项目带标记("h4.jpg","图片2","h4.jpg")
    普通宫格框1.添加项目带标记("h5.jpg","图片3","h5.jpg")
    普通宫格框1.添加项目带标记("h6.jpg","图片4","h6.jpg")
    普通宫格框1.添加项目带标记("h7.jpg","图片5","h7.jpg")
    ' 注册宫格框被单击事件(选择图片)
    普通宫格框1.置项目被单击回调((源对象,索引)->{
        弹出提示("选择的图片:" + 普通宫格框1.取项目标题(索引))
        变量 选择的图片 = 到文本(普通宫格框1.取项目标记(索引))
        ' 在选择完毕时,保存选择的图片名称,当窗口创建完毕(APP被启动)时取出保存的图片让图片框显示
        保存设置("窗口1_选择的图片",选择的图片)
        图片框_1.图片 = 选择的图片
        对话框1.关闭()
    })
    对话框1.标题 = "请选择图片"
    对话框1.置视图(普通宫格框1)
    对话框1.显示()
结束 事件
回复
超级峰峰 2026-04-30
引用 @Course 的回复:

您好,可以通过使用对话框+普通宫格框组件实现该功能。代码示例:

事件 按钮_2.被单击(来源对象  视图)
    变量 对话框1 = 创建 对话框()
    变量 普通宫格框1 = 创建 普通宫格框()
    普通宫格框1.置图片尺寸(DP到PX(60),DP到PX(60))
    普通宫格框1.图片外边距 = DP到PX(10)
    ' 添加仓库图片到 普通宫格框1
    普通宫格框1.添加项目带标记("h3.jpg","图片1","h3.jpg")
    普通宫格框1.添加项目带标记("h4.jpg","图片2","h4.jpg")
    普通宫格框1.添加项目带标记("h5.jpg","图片3","h5.jpg")
    普通宫格框1.添加项目带标记("h6.jpg","图片4","h6.jpg")
    普通宫格框1.添加项目带标记("h7.jpg","图片5","h7.jpg")
    ' 注册宫格框被单击事件(选择图片)
    普通宫格框1.置项目被单击回调((源对象,索引)->{
        弹出提示("选择的图片:" + 普通宫格框1.取项目标题(索引))
        图片框_1.图片 = 到文本(普通宫格框1.取项目标记(索引))
        对话框1.关闭()
    })
    对话框1.标题 = "请选择图片"
    对话框1.置视图(普通宫格框1)
    对话框1.显示()
结束 事件

实现原理:

1.创建一个对话框,然后再创建一个普通宫格框组件

2.将仓库中的待选择图片添加到普通宫格框中,并以标记形式添加。

3.给普通宫格框添加监听项目被单击时的回调代码,以实现当点击宫格框中的图片时系统返回项目索引,通过项目索引获取其标记值,并将其显示到图片框中。

4.将普通宫格框放到对话框中并显示。

选择之后该怎么保存呢?关闭程序之后再打开有恢复成原样了

回复
官方技术组 2026-04-21

您好,可以通过使用对话框+普通宫格框组件实现该功能。代码示例:

事件 按钮_2.被单击(来源对象  视图)
    变量 对话框1 = 创建 对话框()
    变量 普通宫格框1 = 创建 普通宫格框()
    普通宫格框1.置图片尺寸(DP到PX(60),DP到PX(60))
    普通宫格框1.图片外边距 = DP到PX(10)
    ' 添加仓库图片到 普通宫格框1
    普通宫格框1.添加项目带标记("h3.jpg","图片1","h3.jpg")
    普通宫格框1.添加项目带标记("h4.jpg","图片2","h4.jpg")
    普通宫格框1.添加项目带标记("h5.jpg","图片3","h5.jpg")
    普通宫格框1.添加项目带标记("h6.jpg","图片4","h6.jpg")
    普通宫格框1.添加项目带标记("h7.jpg","图片5","h7.jpg")
    ' 注册宫格框被单击事件(选择图片)
    普通宫格框1.置项目被单击回调((源对象,索引)->{
        弹出提示("选择的图片:" + 普通宫格框1.取项目标题(索引))
        图片框_1.图片 = 到文本(普通宫格框1.取项目标记(索引))
        对话框1.关闭()
    })
    对话框1.标题 = "请选择图片"
    对话框1.置视图(普通宫格框1)
    对话框1.显示()
结束 事件

实现原理:

1.创建一个对话框,然后再创建一个普通宫格框组件

2.将仓库中的待选择图片添加到普通宫格框中,并以标记形式添加。

3.给普通宫格框添加监听项目被单击时的回调代码,以实现当点击宫格框中的图片时系统返回项目索引,通过项目索引获取其标记值,并将其显示到图片框中。

4.将普通宫格框放到对话框中并显示。

回复
 作者信息
超级峰峰
USB全栈版 云验证
专业开发指导服务

响应时间:5分钟

服务方式:官方1对1服务

工作时间:工作日 9:00 - 18:30

专业团队 · 开发指导 · 极速响应


官网 | 基础视频教程 | 在线文档 下载 VcnStudio IDE

© VcnStudio Inc All Rights Reserved

蜀ICP备17024229号