微信可涂鸦的小程序有哪些

AI画画绘图、我有一支画笔。

1、AI画画绘图是一个画画的小程序，可以帮你优化自己的绘画作品，我们只需要随手涂鸦，它就可以智能识别，分析我们想要画的内容，并且提供一系列的优化方案。

2、我有一支画笔也是一个画画的小程序。用户可以在白板上自由画画，也可以选择一张本地的照片，在照片上画。用户可以自由修改画笔宽度、颜色，同时绘画可以保存到本地。

一、小程序和APP有什么区别

商机，我觉得小程序或是APP都需要一个好的点子超强的执行力运气，但是小程序在微信中更易传播、用户进入门槛更低。

只要小程序有意思、有新意很有可能能获取井喷式的用户增长，比如之前的朋友印象、工具类的传图识字等等。

区别的话主要是：

APP：可无限拓展，较高的自由度，适用于一些功能复杂、对交互、设计有要求的应用，用户可更加方便的长期使用

微信小程序：触手可及，用完即走，开发较为简单，但必须依赖于微信很难进行扩展延伸，即功能受限于微信提供的接口，适用于功能单一、低频的应用

如果细分的话也可以从以下几点来说

1、起源

APP：全称为移动应用程序（mobileapplication），是设计给只能手机、平板电脑等设备运行的一种应用程序，目前主流的移动设备 *** 作系统为Android和iOS，距离2018年发布已超过十年。

微信小程序：是一种不需要下载安装即可使用的应用，用户通过微信扫一扫或搜一搜即可打开，2017年1月正式上线。

2、用户群体

APP：面对所有智能手机用户，2017年智能手机用户为26亿。

微信小程序：面对所有微信用户，微信日活超过8亿。

3、使用

APP：固定在桌面上，随时可用

微信小程序：按照最近使用时间倒序排列，使用时需进行扫码/查找

4、下载

APP：需要从应用商店下载所对应的安装包，才可使用

微信小程序：通过微信扫描二维码/扫面小程序码/搜索即可进入小程序直接使用

5、功能

APP：可实现较为完整的功能

微信小程序：因受限于平台仅可实现部分功能，一般小程序功能都较为单一

6、适配

APP：需要针对不同手机进行适配

微信小程序：一次开发可适配所有手机

7、开发周期

APP：开发成本高，开发周期较长

微信小程序：开发成本低，平台已提供较多的接口供使用，开发周期短

8、市场

APP：中国2017年上线APP为500万左右

微信小程序：上线小程序数量58万

二，小程序是如何做出来的，下面我们来看看小程序如何制作。

方法1、微信官方简易教程

我们先来看看微信官网给出的简易教程。

起步基础，注册小程序帐号之后，需要安装开发工具，然后在官方开发工具里面输入代码制作。

基础代码构成：

JSON配置：

我们可以看到在项目的根目录有一个appjson和projectconfigjson，此外在pages/logs目录下还有一个logsjson，我们依次来说明一下他们的用途。小程序配置appjson，appjson是对当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部tab等

WXML模板：

从事过网页编程的人知道，网页编程采用的是HTMLCSSJS这样的组合，其中HTML是用来描述当前这个页面的结构，CSS用来描述页面的样子，JS通常是用来处理这个页面和用户的交互。

WXSS样式：

WXSS具有CSS大部分的特性，小程序在WXSS也做了一些扩充和修改。新增了尺寸单位。在写CSS样式时，开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比，采用一些技巧来换算一些像素单位。WXSS在底层支持新的尺寸单位rpx，开发者可以免去换算的烦恼，只要交给小程序底层来换算即可，由于换算采用的浮点数运算，所以运算结果会和预期结果有一点点偏差。提供了全局的样式和局部样式。和前边appjson,pagejson的概念相同，你可以写一个appwxss作为全局样式，会作用于当前小程序的所有页面，局部页面样式pagewxss仅对当前页面生效。此外WXSS仅支持部分CSS选择器

JS交互逻辑：

一个服务仅仅只有界面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，我们就通过编写JS脚本文件来处理用户的 *** 作。

嗯，上面是官方定义的“简易教程”基础中一小部分，对的，简易教程，“简易”。介绍到这里我已经感觉不到所谓的“简易”二字了。

做完基础还有更高级篇等着你，框架，组件，API，工具。这几个词看着简单，展开的内容足够写几本教科书了。

第二种方法第三方平台开发小程序

官方教程定义是否简易我们就不做文章解析了，对于一个商家和企业，我做个小程序还需要了解如此多的代码知识。或者有人说，我可以请个程序猿和设计狮，可以，土豪请随意，但是一个程序猿也需要花时间去敲代码，设计。这一整套制作下来，聪明的人少则一两个月，多着半年，甚至几年都没学会的。

在目前竞争如此激烈的社会，我们企业和商家讲究的都是时间就是金钱，同行竞争，抢占先机。你还会愿意花这么多时间去学习，敲代码，甚至请人提高成本吗？我想你们的回答都是，否。

那么那有没有办法可以让我们轻松且快速地制作小程序呢？

当然有！

我们只需要用到「速成应用」小程序可视化制作工具，马上就可以制作出好看的多功能的全行业的小程序，轻松应对各行各业的应用场景。

下面我们看看如何无需代码基础，轻轻松松制作小程序，教你搞定小程序制作！

小程序可视化制作工具的装修界面，可以清晰的看到左边有“页面、组件、模块、模版”等功能。中间是可视化设计界面，右边是设置。

1、组件

组件功能里面可以添加文字、、视频、文章和和商品列表等元素，都可以自定义样式，大小，边框、背景、颜色、阴影，圆角，透明度效果等等功能，还有幻灯轮播效果。

2、模块

模块库里有适应全行业场景现成的组件模块，幻灯轮播类、导航栏目类、商品展示类、图文展示类、纯文字类、创意图文类、元素图标类、商品列表，精美标题类等等，用户可以一键添加模块布局页面，组件内容均可自定义，无需重新设计排版，模块组件多，适应性高，拖一拖拽一拽，即可完成，自由组合搭配，真正做到千人千店。

3、模板

模板库里有适应全行业场景现成的模板，用户可以一键添加使用布局页面，模板上的内容均可自定义，都可重新设计排版自定义，模板多，适应性高，一键生成，制作小程序就是，快人一步。

如果使用模板功能，一键生成制作使用，花点就制作一个小程序了，是不是很方便。

最后，我想说的是，用对一个工具，选对一种方法，远远比重复的 *** 作来得高效

场景：画图应用需选择画笔颜色，有4种颜色按钮可供选择，用户点击任意按钮进行颜色切换。

思路：通过curColorIndex变量保存当前选中的颜色下标，选中后添加额外的选中样式

一，canvaswxss文件：这个文件用于定义按钮正常态和选中态的样式，以及Flex

布局的约束

二，canvaswxml文件：这个文件是Demo的布局界面，通过使用js的data数据和wxss的class样式进行页面布局

这里通过wx：for实现循环打印颜色数组，通过curColorIndex值控制选中的样式，index值进行参数传递

三，canvasjs文件：提供数据，以及处理xwml的控件响应，并通过设置thissetData的值来更新xwml的显示

原文地址： >

场景：画图应用需选择画笔颜色，有4种颜色按钮可供选择，用户点击任意按钮进行颜色切换。

思路：通过curColorIndex变量保存当前选中的颜色下标，选中后添加额外的选中样式

布局的约束

这里通过wx：for实现循环打印颜色数组，通过curColorIndex值控制选中的样式，index值进行参数传递

onLoad:function这个函数在页面加载时就会执行一次，所以这里可以加载默认颜色数据，同时wxml用到了curColorIndex以及data_color，所以在data里定义。

Vc中关于DC(设备环境函数(Device Context))的理解

问:设备描述表DC是一个什么概念

学习Vc，首先遇到的就是这个dc,即设置描述表，输出文字，绘图都要用这个，好象它太重要了。但是我就是不明白，这是什么东西

一些教程看了，但还是不太了解，谁能通俗的说说，能快速理解它，谢谢。

答:1、作画之前需要准备好画布、画笔、调色板等。

当使用GDI函数如MoveToEx/LineTo, TextOut时，只是告诉系统要划线或写字了，但用什么样的笔(HPEN)，字是什么颜色(SetTextColor)，画在哪张“纸”(HBITMAP)上需要从一个由系统定义的数据结构中去读取。

这个数据结构被称为Device Context(DC)。

换句话说，GDI函数只是绘画的动作，而DC则保存了绘画所需的材料和工具。

2、设备环境函数(Device Context)

设备环境是一个结构，它定义了一系列图形对象及其相关的属性，以及会影响输出结果的绘图方式。这些图形对象包括:画笔(用于画直线)，笔刷(用于绘图和填充)，位图(用于屏幕的拷贝或滚动)，调色板(用于定义可用的颜色集)，剪裁区(用于剪裁和其他 *** 作)，路径(用于绘图和画图 *** 作)。设备环境函数用于对设备环境进行创建、删除或获取信息。

问:DC，CDC，HDC，CClientDC有什么本质的区别

答:都是DC嘛，HDC就是最原始的 DC 句柄，很多API的第一个参数就是一个HDC类型，比如

HDC hDC = ::GetDC( m_hWnd);

::MoveToEx( hDC, 0, 0, NULL );

::LineTo( hDC, 0, 100, );

::ReleaseDC( m_hWnd, hDC );

在MFC中，为了将API封装成一个类来 *** 作，因此多出来了一个CDC。所以在MFC中，都是

CDC dc = GetDC();

dcMoveTo( 0, 0 );

dcLineTo( 0, 100 );

this->ReleaseDC( &dc );

但这样还不够，因为 CDC还要你自己去释放，所有MFC中又多出来一个CClientDC, 这样你就可以这样了:

CClientDC dc(this);

dcMoveTo( 0, 0 );

dcLineTo( 0, 100 );

CClientDC的析构函数自己会释放自己。

DC不是什么对象，就是设备上下文的简称。

与CClientDC一样，还有CWindowDC，CPaintDC，只是它们的绘制范围不一样。

但弄到底，都只是HDC的一些封装而已,你可以在CDC类中直接引用 m_hDC，这就是那个原始的HDC句柄了。

CDC是MFC的DC的一个类

HDC是DC的句柄,API中的一个类似指针的数据类型

MFC类的前缀都是C开头的

H开头的大多数是句柄

这是为了助记,是编程读\写代码的好的习惯

CDC中所有MFC的DC的基类常用的CClientDC dc(this);就是CDC的子类(或称派生类)

CDC等设备上下分类,都含有一个类的成员变量:m_nHdc;即HDC类型的句柄

记住下面的一句话,会有助于你的理解

MFC的类,是在用window API语句开发出来的有一定功能的小程序(也可称为类)使用它的默认方法,就是,记住它的名字与参数(可以用笔记,代替脑记)

如果将window api比做汇编语言

那么MFC就相当于Basic语言

下面介绍Vc中最重要的部分--MFC

CWnd:窗口，它是大多数“看得见的东西”的父类(Windows里几乎所有看得见的东西都是一个窗口，大窗口里有许多小窗口)，比如视图CView、框架窗口CFrameWnd、工具条CToolBar、对话框CDialog、按钮CButton，etc;一个例外是菜单(CMenu)不是从窗口派生的。该类很大，一开始也不必学，知道就行了。

CDocument文档，负责内存数据与磁盘的交互。最重要的是OnOpenDocument(读入),OnSaveDocument(写盘),Serialize(读写)

CView视图，负责内存数据与用户的交互。包括数据的显示、用户 *** 作的响应(如菜单的选取、鼠标的响应)。最重要的是OnDraw(重画窗口)，通常用CWnd::Invalidate()来启动它。另外，它通过消息映射表处理菜单、工具条、快捷键和其他用户消息。你自己的许多功能都要加在里面，你打交道最多的就是它。

CDC设备文本。无论是显示器还是打印机，都是画图给用户看。这图就抽象为CDC。CDC与其他GDI(图形设备接口)一起，完成文字和图形、图像的显示工作。把CDC想象成一张纸，每个窗口都有一个CDC相联系，负责画窗口。CDC有个常用子类CClientDC(窗口客户区)，画图通常通过CClientDC完成。

CDialog对话框

CWinApp应用程序类。似于C中的main函数，是程序执行的入口和管理者，负责程序建立、消灭，主窗口和文档模板的建立。最常用函数InitInstance():初始化。

CGdiObject及子类,用于向设备文本画图。它们都需要在使用前选进DC。

CPen笔，画线

CBrush刷子，填充

CFont字体，控制文字输出的字体

CBitmap位图

CPalette调色板

CRgn区域，指定一块区域可以用于做特殊处理。

CFile文件。最重要的不外是Open(打开),Read(读入),Write(写)

CString字符串。封装了C中的字符数组，非常实用。

CPoint点，就是(x, y)对

CRect矩形，就是(left, top, right, bottom)

CSize大小，就是(cx, cy)对(宽、高)

Windows使用与设备无关的图形设备环境(DC: Device Context) 进行显示。MFC基础类库定义了设备环境对象类----CDC类。

CDC与CGdiObject的关系

说到CDC类就不能不提一下GdiObject---图形对象类。 在Windows应用程序中，设备环境与图形对象共同工作，协同完成绘图显示工作。就像画家绘画一样，设备环境好比是画家的画布，图形对象好比是画家的画笔。用画笔在画布上绘画，不同的画笔将画出不同的画来。选择合适的图形对象和绘图对象，才能按照要求完成绘图任务。

有关CDC类的继承

父类:从 CObject 直接继承而来。继承了CObject类的各种特性，如动态创建等等。

子类:CClientDC-------代表 *** 作窗口的DC ，是比较常用的一个子类

CMetaFileDC ------响应Meta File的DC ，Meta File是一些GDI消息。

CPaintDC-------响应WM_PAINT消息的DC。

CWindowDC ------代表整个屏幕的DC

CDC类的数据成员

数据成员只有两个:

HDC m_hDC : CDC对象使用的输出设备上下文

HDC m_hAttribDC : CDC对象使用的属性设备上下文

二者在CDC对象创建时指向相同的设备上下文。

问:VC 解释一下CDC pDC=pWnd->GetDC();

答:绘图用到的所有有关的类与函数都被集合到一起，被称之为设备上下文，或设备环境。你可以将这个类集看成一个超级的大类。GetDC()是一个函数，它能获得DC的使用权，也就是说它将句柄(或指针)交给了你，也就是说它将使用它的钥匙交给了你。你可以使用它的所有函数了。不用再向API函数那样，每一个绘图动作都要使用一个函数，如果你不想改变它的默认值，可以直接绘图，当然，他提供了比API更加强大的函数与更加多的功能。当然，对初学者，最方便的是，不用记大量的函数了，当你用它实例化一个对象后(也称得到设备上下文(DC))，你只要用->或就可以在VC提示的帮助下来选择相应的函数了。

CDC pDC=pWnd->GetDC();

1用CDC(MFC的设备上下文)实例化一个对象的指针

2为这个对象的指针赋值为pWnd

3pWnd被赋值为GetDC相当于用API的DC实例化一个对象的指针pWnd

小结:用MFC的设备上下文实列化一个指针的对象，这个指针对象的值来源于API的设备上下文实例化。

==============

实际上，MFC的大多数调用的函数，最终调用的都是API里的相应的函数

问:VC++中绘图 用到的this->GetDC()函数是什么作用还有 this->ReleaseDC(pDC)

答:1、this指针是当前类的对象的指针它指向类实例化后的对象它是隐含的指针每个对象都有一个,使用它方便呀,不用自已再定义指针了

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

2、this->GetDC();得到DC,

相当于

CDC pDC;

pDC->GetDC();

也相当于

CDC dc;

dcGetDC();

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

3、this->ReleaseDC()是释放DC

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

4、DC的常被称为设备上下文,或设备环境它是一个超大的类或函数的集合它集合了,所有的绘图,打印,等相关的类及函数你只要声明了它的对象或指针,你就得到了它的所有类及函数的使用权象画笔,画刷,位图,绘图函数等等全部的功能你只要用/dc/this->/pDC->等方式就可以直接调用它的函数了

CClientDC

类CClientDC派生于CDC，在构造时调用了Windows函数GetDC，在析构时调用了ReleaseDC。这意味着和CClientDC对象相关的设备上下文是窗口的客户区。

几种DC及区别

CClientDC:(客户区设备上下文)用于客户区的输出，与特定窗口关联，可以让开发者访问目标窗口中客户区，其构造函数中包含了GetDC,析构函数中包含了ReleaseDC:

用法是:CClientDC dc(this);//this一般指向本窗口或当前活动视图dcTextOut(10,10,str,strGetLength());//利用dc输出文本，如果是在CScrollView中使用，还要注意调用OnPrepareDC(&dc)调整设备上下文的坐标。CPaintDC用于响应窗口重绘消息(WM_PAINT)时的绘图输出。CPaintDC在构造函数中调用BeginPaint()取得设备上下文，在析构函数中调用EndPaint()释放设备上下文。EndPaint()除了释放设备上下文外，还负责从消息队列中清除WM_PAINT消息。因此，在处理窗口重画时，必须使用CPaintDC，否则WM_PAINT消息无法从消息队列中清除，将引起不断的窗口重画。CPaintDC也只能用在WM_PAINT消息处理之中。

Detach();}CWindowDC:关联一特定窗口，允许开发者在目标窗口的任何一部分进行绘图，包含边界与标题，这种DC同WM_NCPAINT消息一起发送

CWindowDC与CClientDC，CPaintDC的区别:CWindowDC可在非客户区绘制图形，而CClientDC，CPaintDC只能在客户区绘制图形。CWindowDC下坐标原点是在屏幕的左上角，CClientDC，CPaintDC下坐标原点是在客户区的左上角。CClientDC与CPaintDC的区别:

CPaintDC的对象一般用在OnPaint内以响应Windows消息WM_PAINT，自动完成绘制，在整个窗口内进行重画，维持原有窗口完整性。CClientDC应用在非响应Windows消息WM_PAINT的情况下，进行实时绘制，绘制的区域内被重画。

CDC与CGdiObject的关系

说到CDC类就不能不提一下GdiObject---图形对象类。 在Windows应用程序中，设备环境与图形对象共同工作，协同完成绘图显示工作。就像画家绘画一样，设备环境好比是画家的画布，图形对象好比是画家的画笔。用画笔在画布上绘画，不同的画笔将画出不同的画来。选择合适的图形对象和绘图对象，才能按照要求完成绘图任务。

有关CDC类的继承

父类:从 CObject 直接继承而来。继承了CObject类的各种特性，如动态创建等等。

子类:CClientDC-------代表 *** 作窗口的DC ，是比较常用的一个子类

CMetaFileDC ------响应Meta File的DC ，Meta File是一些GDI消息。

CPaintDC-------响应WM_PAINT消息的DC。

CWindowDC ------代表整个屏幕的DC

CDC类的数据成员

数据成员只有两个:

HDC m_hDC : CDC对象使用的输出设备上下文。

HDC m_hAttribDC : CDC对象使用的属性设备上下文。

二者在CDC对象创建时指向相同的设备上下文。

所需头文件:#include <afxwinh>

以上就是关于微信可涂鸦的小程序有哪些全部的内容，包括:微信可涂鸦的小程序有哪些、怎么做微信小程序的app_怎么做微信小程序的图册、微信小程序--多个按钮选中的联动效果等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！