课程索引⑤——涂鸦板

第一节:用户界面

  1. 屏幕设置:水平居中,背景浅灰色,隐藏状态栏,标题;

  2. 复杂布局:水平布局与垂直布局嵌套应用;

  3. 椭圆形按钮。

第二节:时间的秘密

  1. 画布组件:可以用于绘画及写字;

  2. 可视组件与非可视组件;

  3. 计时器:获取时间信息(时间点),设置日期格式;

  4. 在画布上写字:坐标及文字内容。

第三节:画笔设置

  1. 实现调色板功能;

  2. 设置画布的画笔颜色及线宽;

  3. 过程(设置颜色):避免重复代码;

  4. 局部变量(合成色):避免重复代码。

第四节:选中按钮

  1. 全局变量——按钮列表:在屏幕初始化时创建列表;

  2. 按钮被点击后,令其不可用;

  3. 针对列表的循环:配合任意组件块,实现组件状态的动态设置;

  4. 过程(点击按钮):带参数的过程;

第五节:方块与圆点

  1. 画布组件的代码块抽屉:事件块(黄色)、设置块(深绿)、读取块(浅绿)、功能块(紫色);

  2. 画布的事件块:均携带x、y坐标变量;

  3. 画方块=画点:触摸事件,位置取决于x、y坐标,点的大小取决于画笔线宽;

  4. 画圆点=画圆:触摸事件,实心圆,圆心在x、y,设半径参数=画笔线宽。

第六节:绘制曲线

  1. 画布被拖动事件:携带7个事件变量,理解起点、邻点、当前点;

  2. 画曲线:若干个小线段的组合;

  3. 仅当曲线按钮不可用时,画曲线;

  4. 清空画布。

第七节:直线与方形

  1. 绘直线:在被按压时记录起点,在被释放时获得终点;

  2. 全局变量起点x、起点y:记录起点坐标;

  3. 仅当直线按钮不可用时,画直线;

  4. 过程(画方形):使程序具有结构。

第八节:绘制圆形

  1. 画圆需要四个参数:圆心坐标x、y,半径,是否为实心圆;

  2. 有返回值的过程:

  3. 两种局部变量的区别:有返回值、无返绘值。

第九节:保存作品

  1. 画布保存文件功能;

  2. 设计文件名:拼字串;

  3. 日期时间格式:y=年,M=月,d=日,h=小时,m=分钟,s=秒种;

  4. 在画布上显示文件保存的位置。

第十节:课程小结

  1. 文件保存的位置:手机sd卡的根目录下;

  2. 代码整理:比较有返回值过程与无返回值过程。

  3. 过程的作用:(1)避免重复代码,即,提高代码复用性;(2)让代码具有结构,提高代码的可读性。

(0)

相关推荐

  • 让你的图表动起来,康忙北鼻,来次够!

    水粉(桦树林) 先做一道数学题 已知三角形的两条边长为a和c,顶点为A,B,C 如下图所示,假设A点的坐标为(0,0),c边与X轴的夹角为Φ,你能求出B.C点的坐标吗? 下面的图示已给出计算方法,如果 ...

  • 【白话Windows编程】第一章 看透Windows之一

    第一篇 看透 Windows"看透Windows"前言终于开始Windows编程了.我们也无可避免地,开始和Windows打交道.记得在<白话C++>里,我们试图用&q ...

  • 520,最辛酸excel技术直男追女日记曝光:扎心了!【excel教程】

    全套Excel视频教程,扫码观看 编按: 这是一名苦逼Excel技术直男的追女心声!从5月12日开始,小伙子就在为520的表白冥思苦想,彻夜不眠.从害怕自己错过的倒计时设计到为她专配购物二维码再到一颗 ...

  • 学习中文编程

    学习中文编程

  • 涂鸦板10:课程小结

    App Inventor的画布组件可以将画布上绘制的图形以文件的形式保存到手机中,那么这个文件究竟存放在哪里呢? 涂鸦板的应用讲完了,你是否也完成了整个的应用呢?完成这样一个应用之后,你有哪些收获,又 ...

  • 涂鸦板1:用户界面

    从这节课开始,我们用10集的容量,来讲解一款绘图应用,先来看看它的功能...... 创建新的项目--涂鸦板,并部署与调色板相关的布局组件,看看如何表现数字滑动条所对应的颜色...... 继续添加设置画 ...

  • 涂鸦板2:时间的秘密

    在上节课基础上,添加画布及按钮组件,注意对按钮组件宽度的设置...... 在添加了可视组件后,还须添加项目中唯一的非可视组件...... 为了便于大家理解计时器中"时间点"的概念, ...

  • 涂鸦板3:画笔设置

    在应用的用户界面设计完成之后,我们开始编写程序,逐步实现涂鸦板的功能. 首先要设置画笔的颜色,这正是我们熟悉的调色板功能.与此前的调色板项目对比,留心代码是如何被简化的...... 提示: (1)将重 ...

  • 涂鸦板4:选中按钮

    在项目中有六个功能按钮,它们定义了画布可以绘制的图形种类,并分别被命名为直线.曲线.方形.方块.圆形以及圆点.为了提示用户当前正在绘制的图形,我们让被选中的按钮处于不可用状态,即,设置该按钮的启用属性 ...

  • 涂鸦板5:方块与圆点

    在上节课中,我们只是设置了画布的画笔颜色及画笔线宽属性,还不曾领略画布的真正威力!从这节课开始,我们将体验画布的强大功能.画布可以用于创作(即将完成的涂鸦板),也可以用来开发游戏类应用(<App ...

  • 涂鸦板6:绘制曲线

    在涂鸦板应用中,用户需要设置画笔的颜色和线宽,点击"曲线"按钮,并用手指在手机的屏幕上拖动,此时,画布上会留下一道轨迹,我们称之为曲线.一旦实现了绘制曲线的功能,你几乎可以绘制任何 ...

  • 涂鸦板7:直线与方形

    "两点确定一条直线"是欧几里德几何学的公理之一,也是我们在画布上绘制直线的原理.这里所说的直线,并非几何学中定义的无限延长的直线,而是有起点和终点的线段. 两点不仅可以确定一条直线 ...

  • 涂鸦板8:绘制圆形

    App Inventor的画布组件已经内置了画园的功能,当已知圆心坐标及圆的半径时,就可以绘制一个实心圆或空心圆. 涂鸦板应用中,当用户选中了"圆形"按钮后,手指在屏幕上落下的点, ...