小程序动态加载底部导航(根据不同角色展示不同导航栏)

小程序动态加载底部导航(根据不同角色展示不同导航栏),第1张

测试发现 小程序组件(这里指底部导航组件)生命周期的attached 不支持 *** 作 也就是 当想修改底部导航的内容是不支持的

所以上述写法会出现惊奇的结果 哈哈 可以自行运行看看

先了解一下小程序组件的生命周期

[上传中(image-9202b1-1629959126527-0)]

于是我使用了ready 测试发现 部分安卓机 可以 *** 作数据 但是页面底部导航不会更新

看文档发现:

自小程序基础库版本 223 起,组件的的生命周期也可以在 lifetimes 字段内进行声明(这是推荐的方式,其优先级最高)。

于是, (这里是在小程序底部导航组件里写这个方法)

测试发现 还是没有更改过来

找资料看到

即可

新建一个文本文档,然后点击重命名,建立一个python文件。后缀为py。如图所示,系统会提示是否更改后缀,点击是。然后就创建了一个python文件。

打开刚才创建的文件,使用idle打开方式。如图所示。开始编写代码,首先GUI交互需要导入GUI库,以使用tkinter库为例,首先导入tkinter库。

然后需要生成一个窗体和菜单栏,生成窗体使用tkinterTk(),生成菜单使用tkinterMenu()点击运行出现如图所示界面。

下一步给菜单栏加入按钮和下拉菜单,下拉菜单submenu=tkinterMenu(menu,tearoff=0),menuadd_cascade(label="文件",menu=submenu)将下拉菜单添加到菜单中,我们写了两个下拉菜单,分别对应其选项按钮。

给小程序添加一个说明标签,也可以认为是小标题,使用label=tkinterLabel(game,text="这是一个画图程序")。来向使用者解释程序的作用。同时添加两个按钮,分别执行不同的动作。

一个按钮控制画出正方形,一个按钮控制画出三角形,当按钮被按下,执行相应的画图程序,这里的程序使用turtle库画图,所以要导入turtle库文件。运行界面如下。当点击文件会d出下拉菜单,点击按钮,会做出相应的图。我们可以按照我们的想法再添加其他功能。

日常记录学习~~

参数参考官方文档: >

楼主你好

我是在VB 60的环境下做的

首先设置窗口控件,我直接上图

Command1属性如下:

Label1的设置如下:

代码如下:

运行结果:

望采纳!~谢谢

新手在第一次自定义组件的时候,首先写出来需要定义的组件的内容和布局,防止不熟练而出错。

一、新建一个文件夹,自己命名。以后所有的自定义组件都存放于此。

二、在此文件夹下新建一个自行命名的文件夹,命名最好语义化,与里面自定义组件的名字相呼应。

三、在新建的文件夹内新建一个Component文件 命名也是自定义。

四、在xxx里面把事先写好的ml和ss以及js文件复制进去。

1、把提前写好的页面布局复制到这个此文件里面。写法和在普通页面的写法一样  {{}}是插值表达式。这里可以直接使用js里面定义的数据。

eg:

1、组件自定义的属性列表写在 properties里面。需要写成对象的形式 

eg:

2、组件的方法列表写在 methods里面

eg:

五、在需要引用自定义组件页面文件的xxxjson里面引用。

注意:引用的时候,不可以以/开头。前面命名可以自命名,不必和后面名字一样。

六、在需要引用的页面里的的xxxwxml里写已经命名好的组件。

组件的名字为自定义命名。

eg:

因为组件是自己写的,并非微信提供的官方组件,所以如果想要获取触发事件的话 ,需要写一个同步组件回传数据

触发自定义事件用triggerEvent。在需要调用的方法内写thistriggerEvent(“自定义属性名”,‘需要更新的数据’)

eg:

然后将此事件绑定到页面中。绑定事件需要用bind:自定义的方法名=“js中定义的方法”

利用data-active="变量名"属性添加需要变化的变量

eg:

xxxwxml内写法:

注意:想要在页面中使用自定义的组件属性时,必须要现在定义组件的文件夹内的js文件中,先去定义属性,然后才可以引入使用。

以上就是关于小程序动态加载底部导航(根据不同角色展示不同导航栏)全部的内容,包括:小程序动态加载底部导航(根据不同角色展示不同导航栏)、把画做到帽子上的制作小程序、小程序--组件--视图容器等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10120755.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存