二维码控件
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
用途：二维码控件是一种用于生成和展示二维码的控件。它允许用户将特定信息（如URL、文本、联系方式等）编码成二维码，并显示在用户界面上。
用户可以通过扫描二维码快速获取信息或执行相应操作。

属性
---------------------------------
.. image:: image/二维码/属性.png
    :align: center
    :alt: 二维码属性

|

**基础属性 :**  参考控件概念- :ref:`基础属性`

**坐标属性 :**  参考控件概念- :ref:`坐标属性`

**背景属性 :**  参考控件概念- :ref:`背景属性`

**加载属性 :**  参考控件概念- :ref:`加载属性`

**特有属性 :**

.. image:: image/二维码/特有属性.png
    :align: center
    :alt: 二维码特有属性

|

- 二维码信息(str)：二维码信息字符串，注意：上位机自动转换为UTF-8编码，其他编码脚本幅值可能会乱码(读写)
- 信息最大长度(size)：二维码信息最大长度（字节），范围：0-4096，UTF-8编码下中文字符占用3个字节，其他编码中文字符占用2个字节(只读)
- 显示图片(show)：是否在中心显示图片，0-否，1-是（读写）
- 图片ID(pic)：图片id，范围：0-65535，65535表示无（读写）

---------------------------------

事件
---------------------------------

**弹起事件：** 控件按下且弹起后执行

**按下事件：** 控件按下后执行

-----------------------------------------



功能演示
---------------------------------

`点击下载演示工程 <http://www.openedv.com/ATK-Prod/ATK-HMI/file_download/wid_demo/project(wid_demo).zip>`_

|

.. tip:: 
    把工程配置的启动页面(pid)改为当前页面ID可以立即显示此页面。

|


二维码信息切换
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^


.. image:: image/二维码/二维码demo.png
    :align: center
    :alt: 二维码demo

|

- 功能：选择不同的菜单，二维码信息也随之更新
- 原理：在图片控件的弹起事件中更新二维码信息

    1、在img0控件的 ``弹起事件`` 中编写以下脚本

        .. code-block::
            :linenos:
        
            qr0.pic =27; //设qr0de的显示图片为27
            qr0.str="www.openedv.com"; //设qr0文本值为www.openedv.com

    2、在img1控件的 ``弹起事件`` 中编写以下脚本

        .. code-block::
            :linenos:
        
            qr0.pic =28;//设qr0de的显示图片为28
            
            //设qr0文本值为http://www.openedv.com/ATK-Prod/ATK-HMI/docs/hmi_doc.html
            qr0.str="http://www.openedv.com/ATK-Prod/ATK-HMI/docs/hmi_doc.html";