易语言自定义外形按钮实现过程

不少软件作者肯定因为易语言没有内置自定义外形按钮而烦恼，不过你却可以用其他组件来实现——用画板制作自定义外形按钮

1、新建一个“易语言”窗口程序

2、添加组件——一个画板到窗口内

为了方便定位按钮的位置

你可以把画板的宽度设置为：80，高度也设置为：80

为了清楚画板在哪里，可以把底色设置成你喜欢的颜色

3、然后就可以输入代码了

先输入变量代码，代码如下：

.版本 2

.程序集 窗口程序集_启动窗口

.程序集变量 鼠标停留在画板内, 逻辑型

.程序集变量 鼠标移动在画板内, 逻辑型

.程序集变量 横坐标, 整数型

.程序集变量 纵坐标, 整数型

.程序集变量 半径, 整数型

.程序集变量 x, 双精度小数型

.程序集变量 y, 双精度小数型

.子程序 __启动窗口_创建完毕

横坐标 ＝ 50 ' 设置变量数值

纵坐标 ＝ 50 ' 设置变量数值

半径 ＝ 25 ' 设置变量数值

1、添加画板焦点颜色

先绘画画板外形

代码如下：

.版本 2

.子程序 _画板1_绘画

.参数 重画区左边, 整数型

.参数 重画区上边, 整数型

.参数 重画区右边, 整数型

.参数 重画区下边, 整数型

画板1.画椭圆 (横坐标 － 半径, 纵坐标 － 半径, 横坐标 ＋ 半径, 纵坐标 ＋ 半径) ' 画板1.画椭圆 你可以替换成 画板1.画矩形 等其他形状

2、添加画板焦点图片

代码如下：

.版本 2

.子程序 _画板1_鼠标位置被移动, 逻辑型

.参数 横向位置, 整数型, , 鼠标指针横向位置

.参数 纵向位置, 整数型, , 鼠标指针纵向位置

.参数 功能键状态, 整数型

x ＝ 横向位置 － 横坐标

y ＝ 纵向位置 － 纵坐标

.如果 (x × x ＋ y × y ＜ 半径 × 半径) ' 检测鼠标指针位置是否在画板内

  .如果 (鼠标停留在画板内)

  .否则

    画板1.刷子颜色 ＝ #浅灰

  .如果结束

  .如果真 (取反 (鼠标移动在画板内))

    画板1.重画 () ' 重画——画板1.刷子颜色 ＝ #浅灰

  .如果真结束

  鼠标移动在画板内 ＝ 真 ' 等于真则返回假——鼠标离开画板后画板颜色改变，等于假则返回真——鼠标离开画板后画板颜色不变

.否则

  画板1.刷子颜色 ＝ #白色

  .如果真 (鼠标移动在画板内)

    画板1.重画 () ' 重画——画板1.刷子颜色 ＝ #白色

  .如果真结束

  鼠标移动在画板内 ＝ 假 ' 等于真则返回假——鼠标离开画板后画板颜色改变，等于假则返回真——鼠标离开画板后画板颜色不变

3、按F5运行看看

当鼠标停留在画板内，画板颜色就会变成灰色

当鼠标离开在画板内，画板颜色就会变成白色

1、添加画板按钮效果

命令及变量我已经解释过了，就不多解释了

直接输入代码，代码如下：

.版本 2

.子程序 _画板1_鼠标左键被按下, 逻辑型

.参数 横向位置, 整数型

.参数 纵向位置, 整数型

.参数 功能键状态, 整数型

x ＝ 横向位置 － 横坐标

y ＝ 纵向位置 － 纵坐标

.如果真 (x × x ＋ y × y ＜ 半径 × 半径)

  鼠标停留在画板内 ＝ 真

  画板1.刷子颜色 ＝ #灰色

.如果真结束

画板1.重画 ()

.子程序 _画板1_鼠标左键被放开, 逻辑型

.参数 横向位置, 整数型

.参数 纵向位置, 整数型

.参数 功能键状态, 整数型

鼠标停留在画板内 ＝ 假

x ＝ 横向位置 － 横坐标

y ＝ 纵向位置 － 纵坐标

.如果真 (x × x ＋ y × y ＜ 半径 × 半径)

  信息框 (“按钮被按下”, 0, )

  画板1.重画 ()

.如果真结束

2、这样基本画板按钮就完成了

按F5运行看看效果

这样就可以实现自定义外形按钮了

赞 (0)

相关推荐

  • 易语言图形按钮控件的用法详解

    易语言可以开发些实用的程序,它与软件开发的编程语言一样,可以先从简单的程序开始学习,比如做一个单击图形按钮,弹出提示窗口的程序.那么,易语言图形按钮控件如何用呢?这可以直接用组件工具上的图形按钮控件来做窗口程序的开发,大家按照步骤来做做吧 1.打开一个易语言的程序,鼠标左键单击菜单[程序]>>[新建],在右边工具箱中找到图形按钮控件,如下图所示. 2.鼠标选择好[图形按钮控件]后,在程序窗口上直接绘制出控件,根据窗口的大小,可以改变图形按钮控件的大小,默认图形是空,如下图所示. 3.在[图形按

  • 详解易语言按钮结束和销毁的应用

    当新人刚学易语言的时候,希望软件有个结束按钮和结束程序的按钮以符合软件的完整性,但是在结束程序窗口和结束整个软件应该还是需要区分应用.一个结束当前程序,一个是结束当前窗口.下面结合是实例,给初学者分享一下这两个命令在编程中的应用. 1.打开易语言编辑软件环境 2.选择右侧组件-按钮,拖向窗口,设计两个结束按钮,如图 3.再在左侧修改按钮名称,分别为"结束窗口按钮""销毁当前窗口" 4.双击"结束窗口按钮",进入代码编辑页面,编辑结束()代码 5.

  • 浅析易语言窗口上的"关闭"按钮事件

    就是启动窗口上面的"X",被点击的事件 子程序:__启动窗口_可否被关闭 返回值类型:逻辑型 如果(信息框("确认关闭吗?",0,"关闭提示")=1) 返回(真) 否则 返回(假) 如果结束 返回真就关闭 返回假就不关闭 以上就是相关的代码内容,感谢大家对我们的支持.

  • 易语言最小化按钮制作过程

    相信大家写的程序很多都是在任务栏显示一个任务条那怎么才能让人们看不见呢 也就是人们通常说的最小化 请看下图介绍 1.添加一个按钮组建 2.在图片资源区添加一个ICO图标 3.点击按钮进入编辑页面下的按钮被单击子程序 输入: 置托盘图标 (#sdf, "最小化") _启动窗口.可视 ＝ 假 4.选中启动窗口,在窗口事件中选择托盘事件 如下图 5.选中托盘事件后进入编辑页面 输入: .如果真 (操作类型 ＝ 2) _启动窗口.可视 ＝ 真 置托盘图标 ("", &quo

  • 易语言图形按钮组件切换类型使用讲解

    易语言图形按钮组件切换类型使用讲解

    类型属性 所属对象:图形按钮 : 数据类型:整数型: 可供选择的属性值: 0.按钮 1.选择框 例程 说明 点击图形按钮后,如果图形按钮类型为"按钮"则设置类型为"选择框",如果为"选择框"则设置为按钮. 注意,当为"按钮"型,则图形按钮的"选中"属性不可以使用,如果为"选择框"类型,则图形按钮的"点燃图片"属性不可以使用. 运行结果: 总结 以上就是这篇文章的全部内

  • 易语言超级按钮使用技巧

    超级按钮币按钮多了一些属性参数和功能你单一的按钮组建实现的功能更多 更实用 下面我就介绍下怎么使用超级按钮 1.首先我介绍下超级按钮的按钮风格有什么用和效果  超级按钮1.按钮风格 ＝ 0 如下图1 超级按钮1.按钮风格 ＝ 1 如下图2 超级按钮1.按钮风格 ＝ 2 如下图3 2.接着我介绍下 超级按钮的置外形图片怎么用 在资源区域添加一个图片 在源码区输入源码 F5运行 如下图3效果 由于我的图片是方框所以窗口就成了图片的外形 3.下面继续在讲解一下超级按钮的通常图片属性 选中并点击启动窗口

  • 详解易语言按钮的用法

    易语言是一款中文可视化编程软件,许多爱好这类的人都想去尝试,那么现在给大家介绍下按钮的用法. 1.首先我们打开易语言. 2.单机新建 3.选择Windows窗口程序.单击确定. 4.进入到主界面后选择按钮. 5.把它拖动到主程序窗口来. 6.双击按钮. 7.然后就跳到了这个界面. 8.在栏里书写"信息框 (哈哈哈, 0, 更改, )" 9.然后单击运行. 10.看运行成功了

  • 易语言自定义外形按钮实现过程

    不少软件作者肯定因为易语言没有内置自定义外形按钮而烦恼,不过你却可以用其他组件来实现--用画板制作自定义外形按钮 1.新建一个"易语言"窗口程序 2.添加组件--一个画板到窗口内 为了方便定位按钮的位置 你可以把画板的宽度设置为:80,高度也设置为:80 为了清楚画板在哪里,可以把底色设置成你喜欢的颜色 3.然后就可以输入代码了 先输入变量代码,代码如下: .版本 2 .程序集 窗口程序集_启动窗口 .程序集变量 鼠标停留在画板内, 逻辑型 .程序集变量 鼠标移动在画板内, 逻辑型 .

  • 易语言自定义数据类型的使用代码

    易语言自定义数据类型的使用代码

    自定义数据类型表 .版本 2 .数据类型 消息类型 .成员 键盘消息, 文本型 自定义数据类型使用代码 .版本 2 .程序集 窗口程序集1 .子程序 _按钮1_被单击 .局部变量 接收返回, 消息类型 接收返回 ＝ 自定义返回的数据类型 () 信息框 (接收返回.键盘消息, 64, "自定义数据类型", ) .子程序 自定义返回的数据类型, 消息类型 .局部变量 消息类型, 消息类型 消息类型.键盘消息 ＝ "anxia123++.." 返回 (消息类型) 运行结果

  • 易语言改变外形框边框线宽度的方法

    易语言改变外形框边框线宽度的方法

    线宽属性 数据类型:整数型:注意:仅在线条效果为"通常"且线型为"直线"时才有效. 例程 说明 改变外形框的边框线的宽度. 运行结果: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持.如果你想了解更多相关内容请查看下面相关链接

  • 易语言改变外形框内填充颜色的方法

    易语言改变外形框内填充颜色的方法

    填充颜色属性 数据类型:整数型:注意:仅在外形不为线条时才有效. 例程 说明 设置外形框内的填充颜色为填充颜色选择器所选择的颜色. 运行结果: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持.如果你想了解更多相关内容请查看下面相关链接

  • 易语言设置外形框线条效果的方法

    易语言设置外形框线条效果的方法

    线条效果属性 数据类型:整数型: 可供选择的属性值: 0.通常 1.凹入 2.凸出 例程 说明 本属性用于设置外形框的线条效果. 运行结果: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持.如果你想了解更多相关内容请查看下面相关链接

  • 易语言设置外形框边框线条颜色的方法

    易语言设置外形框边框线条颜色的方法

    线条颜色属性 数据类型:整数型:注意:仅在线条效果为"通常"时才有效. 例程 说明 设置外形框的边框线条的颜色为线条颜色选择器所选择的颜色. 运行结果: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持.如果你想了解更多相关内容请查看下面相关链接

  • 易语言设置外形框边框线类型的方法

    易语言设置外形框边框线类型的方法

    线型属性 数据类型:整数型: 可供选择的属性值: 0.无 1.直线 2.划线 3.点线 4.点划线 5.双点划线 例程 说明 本属性用于设置外形框的边框线的类型. 运行结果: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持.如果你想了解更多相关内容请查看下面相关链接

  • 寻找易语言外形框

    寻找易语言外形框

    易语言外系框在哪里?外形框具有美化软件的功能,无需自绘或依赖插件就能做的很好看,有点美化基础的易友都喜欢这个组件,一般新手朋友或者不是新手的朋友突然有一天想找外形框在哪里,却怎么也找不到? 首先第一步打开易语言,外形框就在第一行最后一个组件,在看看是不是看错了,这个图标有点象动画框组件,所有导致很多朋友在下面去找这个组件,老是找不到. 如果上面没有说清楚,下面这张图片直接给出了坐标,第一个箭头是画出来的外形框,刚刚画出来不是这个样子的,这个样子是修改过的哦,可以修改边框和填充颜色,第二个箭头是外

  • 易语言如果命令实例讲解

    易语言是一门计算机程序语言.以"易"著称,以中文作为程序代码表达的语言形式.易语言的创始人是吴涛.早期版本的名字为E语言.易语言最早的版本的发布可追溯至2000年9月11日.可以说,创造易语言的初衷是进行用中文来编写程序的实践.从2000年至今,易语言已经发展到一定的规模:功能上.用户数量上都十分可观. 1.首先打开易语言 添加一个按钮组建 点击按钮组建进入编辑页面 如下图: 2.输入 如果命令  我们先做个小例子 如果点击按钮1 1+1=2的话将执行信息框1的内容为真 如果点击按钮1

随机推荐