zx2cwf 发表于 2014-11-27 00:08

易语言Ex_Dui 3.0 零基础一步步学自绘 第十集

本帖最后由 LWJ一辈子 于 2014-11-27 00:26 编辑

时隔几天,今天终于有时间来写下第十集

至此,第一季就完结了,非常感谢大家一直以来的支持

依然是最基础的自绘,第一季只做最简单而又能有漂亮界面的自绘

在前边已经讲了列表框,其实超级列表框也属于列表框中的一种

超级列表框的用途也是相当的广泛,今天就来个超级列表框吧
本节课程:
超级列表框-初级扩展-把列表框加上表格线

前边的课程都没有设计到任何扩展,这次我们来个简单的扩展
这是没有表格线的超级列表框,如图



没有表格线的列表框,看起来不像超级列表框的风格
来扩展一下表格线吧,首先易语言中新建一个类,类名为扩展列表框,基类为列表框_EX




然后打开Ex_Dui 3.0模块,找到列表框这个类



在类里边找到_绘制表项背景_列表框和_绘制表项_列表框两个方法
每个方法中有参数和返回值,把这两个方法复制插入到扩展列表框类中
所有的参数和返回值类型都不能更改





从画图的角度来讲,绘制表格线,其实就是画直线
所以用图形_画直线这个首先画表格的横线,竖线别着急
图形_画直线
    参数<1>的名称为“图形指针”,类型为“整数型”。
    参数<2>的名称为“画笔颜色”,类型为“整数型”。
    参数<3>的名称为“x1”,类型为“小数型”。
    参数<4>的名称为“y1”,类型为“小数型”。
    参数<5>的名称为“x2”,类型为“小数型”。
    参数<6>的名称为“y2”,类型为“小数型”。
    参数<7>的名称为“画笔宽度”,类型为“小数型”,允许接收空参数数据。
图形_画直线有7个参数,第一个是图形指针,在_绘制表项背景_列表框这个方法中已经提供图形指针,直接填上图形指针即可
如果你好好的学了前九课,自然知道这里应该填RGB2ARGB颜色,所以填上RGB2ARGB (#蓝色, 250),画笔宽度为画笔粗细大小
x1,y1-----------直线起点坐标

x2,y2-----------直线终点坐标


那么得到的坐标就是



F5运行后,可以看到刚绘制的表格横线了:


继续向下,来绘制表格竖线一下,OK,返回到_绘制表项_列表框
代码也差不多,无非是计算坐标,表项矩形就相当于表格中的一行



F5运行后,就可以看到表格了,至此,表格线绘制成功


寒假以后再见了,亲们!

本集源码:(用到的模块:EX_Dui3.0&精易3.78)



附:第一季全部课程

易语言Ex_Dui 3.0 零基础一步步学自绘 第一集

易语言Ex_Dui 3.0 零基础一步步学自绘 第二集

易语言Ex_Dui 3.0 零基础一步步学自绘 第三集

易语言Ex_Dui 3.0 零基础一步步学自绘 第四集

易语言Ex_Dui 3.0 零基础一步步学自绘 第五集

易语言Ex_Dui 3.0 零基础一步步学自绘 第六集

易语言Ex_Dui 3.0 零基础一步步学自绘 第七集

易语言Ex_Dui 3.0 零基础一步步学自绘 第八集

易语言Ex_Dui 3.0 零基础一步步学自绘 第九集

易语言Ex_Dui 3.0 零基础一步步学自绘 第十集












520Kelly 发表于 2014-11-27 00:16

我有问题问你、就是关于这个列表框排序的

我那个播放器就是有那个排序的问题

他是按英文名的A-Z 再排中文名的A-Z 有没有办法反一下

我叫KK 发表于 2014-11-27 00:16

二楼 出租!价格面议!!

Lie帝 发表于 2014-11-27 03:38

果断收了{:6_209:}

Scar-疤痕 发表于 2014-11-27 08:02

楼主辛苦了!

keke120 发表于 2014-11-27 09:22

哇哇一辈子 又出教程了   感谢你的教程支持您

七夜 发表于 2014-11-27 12:39

学习的路途艰苦而漫长

岁月神偷 发表于 2014-12-8 16:25

希望继续发布自绘教程

东子郭 发表于 2014-12-8 20:59

谢谢分享,楼主辛苦

晴雪我是苏苏 发表于 2014-12-13 11:37

{:5_117:}谢谢分享,楼主辛苦
页: [1] 2 3
查看完整版本: 易语言Ex_Dui 3.0 零基础一步步学自绘 第十集