AI小案例功能
（作者：方庆生，撰写时间：2019年2月11日）
制作图案
首先呢讲一下为什么要用Adobe Illustrator CC制作图案不而不是用 Adobe Photoshop CC 图案呢。我们要先分清楚这2个Adobe软件的用处。Adobe Illustrator CC他制作的图案会很清晰不会出现跟Adobe Photoshop CC一样制作完会出现图片失帧的情况。
所以用Adobe Illustrator CC制作图案会更精致一点。

图1 图2
大家可以看一下图1是他的原图，我用AI进行绘图成图2，是不是比原图更加的清晰，在这种状态下的图2他不会出现图片失帧的状态。这就是AI他的好处。那么他到底是怎么制作的呢。首先我们找一张自己喜欢的图片或者自己喜欢的人物等。然后创建一个画布。把他放进去。接着使用钢笔工具（P）钢笔工具的作用是非常强大的，也可以使用其他工具，把他进行描边绘画。等把整个人物都画出来后这时右边就会出现一大堆你已经画好的图稿，
接着使用直接选择工具（A）然后把他选中，按一下快捷键ALT+Ctrl+X（实时上色）。或者可以到上面的导航条有个对象点击下面就有个实时上色的工具。然后按一下实时上色工具（K）或者在左边导航可以找到一个上色工具的。然后进行填充颜色即可把自己喜欢的图片画出来可以保存为图片。
制作ICON

图1
ICON是什么呢。ICON就是一种图标的简称，手机ICON阿，淘宝上的一些小图标的ICON啊。下面这个是我自己设计的一个手机ICON的图标。他是用猴子的形状进行绘画制图的一个ICON。
首先呢要怎么制作一个ICON。看你个人的思想是想要做一些独特的还有一些偏大众化的呢。看你个人设计。按照你自己喜欢的风格。设计出一个属于自己的ICON。
我设计的这个ICON刚开始的时候是由一个动画的猴子绘图出来的。紧接着把他设计成为手机的ICON图标。让他适合手机模式下的风格。首先可以先把这个猴子制作出来。接着在这个猴子身上填充上他的颜色。做这个ICON的时候首先把以人物为主的猴子进行制作他的图画。我用的是钢笔工具把他描边然后进行颜色填充。给他一个实时上色，然后把他们都放在一个圆角边框里面。给他里面设计出手机的应用相关的东西。让他能更形象的表现出在手机模式里面的应用程序。结合自己的方法。使用更洁净的方法让他更方便更快捷的设计出自己的ICON。
快速制作LOGO

图1 图2 图3
怎么快速的制作一个LOGO呢？
下面有个方法可以快速的编辑制作一个LOGO，首先我们可以先把自己喜欢的图片放在AI一个创建好的A4纸里面。接着选中整个图片然后属性下面就会出现（图2）图像描摹的这个东西。选中他然后黑白灰阶然后点击扩展，或者可以直接在上面导航条有一个对象，下面有一个功能就是编组的功能可以点击他。然后把他全部选中点击右键有个取消编组。然后在点击旁边的空白把他的模块拉出来。里面的熊猫就成了一个图形。然后可以给他进行颜色的上色。把他的眼睛给弄上。使他跟（图1）原图的模样一样。这个就是快速制作一个LOGO的方法。不过快速制作跟原图上的差异还是有点区别的。所以建议还是老老实实用钢笔等工具。使他更加的完美的绘画出来。

在VS中开发VC++应用程序 ，最常用就是MFC应用，它下在又分为常规应用程序、ActiveX控件和DLL程序，那么常规的应用程序根据应用模式又分为Dialog对话框程序、SDI单文档、MDI多文档以及多顶级文档几类，下面我们分别介绍一下这几类应用程序的区别。首先在VS的“文件”菜单中选择“新建”-》“项目”，选择VC++-》MFC，其主要界面如下：

 在选择应用类型的同时需要输入工程项目的名称和存储路径，如下图所示：

 在MFC应用程序类型选项这里从下拉框中选择相应的类型即可，其他参数设置跳过，直接点击“完成”按钮。

一、对话框程序

对话框程序是一些桌面应用程序开发最常用的程序模板，比如咱们比较熟悉的瑞星杀毒、360、QQ、网易音乐、电脑管家等程序属于典型的对话框程序 ，当然也可以用其他方式来实现，但对话框程序是实现各种界面最简单的方式。这种应用程序可以将MFC的各类控件直接拖放到界面上，具有所见即所得的效果，但也仅限于一般简单的界面，如果需要漂亮的界面，则需要大量的自绘制功能，借助一些图片或者界面库进行美化。对于初学者来说需要了解三个视图：

1、解决方案资源管理器：这里主要是管理工程项目里的头文件、源文件即CPP以及资源文件，如上图的最左侧的截图；

2、类视图：是项目中创建的所有类的列表，对话框程序默认创建了一个CAboutDlg类（关于）、APP类（整个应用程序类）、主对话框类；

3、资源视图：这里是资源文件的细浏览和管理，包括对话框资源（双击对话框就可以打开界面进入编辑，点击右键选择属性可以修改基本信息属性）、ICON（图标）、String Table（字符串表，资源ID、编号及描述的对应描述表）、Version（版本信息）。

对于MFC创建的Windows应用程序咱们一定要了解清楚程序执行和初始化的顺序，这对我们编程很重要，对于对话框程序程序执行流程如下图：

 其中APP类是整个应用程序启动的入口，一些全局变化或者配置参数的初始化建议可放在APP的InitInstance() 函数中，在InitInstance() 函数中最后创建并显示主对话框，而主对话框类的OnInitDialog()函数也是很重要一个函数，主要是用于一些初始化工作，在这个函数里初始时对话框及所有的界面控件都已经构建完成。如果需要和对话框同步创建一些子控件则可添加OnCreate函数，在此函数中完成创建。几个核心的类函数代码如下：

以下是APP主应用程序类的初始化函数，在这里主要添加相应的全局变化的初始化代码。

BOOL CMFCAppTestApp::InitInstance()
{
	// 如果一个运行在 Windows XP 上的应用程序清单指定要
	// 使用 ComCtl32.dll 版本 6 或更高版本来启用可视化方式，
	//则需要 InitCommonControlsEx()。  否则，将无法创建窗口。
	INITCOMMONCONTROLSEX InitCtrls;
	InitCtrls.dwSize = sizeof(InitCtrls);
	// 将它设置为包括所有要在应用程序中使用的
	// 公共控件类。
	InitCtrls.dwICC = ICC_WIN95_CLASSES;
	InitCommonControlsEx(&InitCtrls);

	CWinApp::InitInstance();


	AfxEnableControlContainer();

	// 创建 shell 管理器，以防对话框包含
	// 任何 shell 树视图控件或 shell 列表视图控件。
	CShellManager *pShellManager = new CShellManager;

	// 激活“Windows Native”视觉管理器，以便在 MFC 控件中启用主题
	CMFCVisualManager::SetDefaultManager(RUNTIME_CLASS(CMFCVisualManagerWindows));

	// 标准初始化
	// 如果未使用这些功能并希望减小
	// 最终可执行文件的大小，则应移除下列
	// 不需要的特定初始化例程
	// 更改用于存储设置的注册表项
	// TODO: 应适当修改该字符串，
	// 例如修改为公司或组织名
	SetRegistryKey(_T("应用程序向导生成的本地应用程序"));

	CMFCAppTestDlg dlg;
	m_pMainWnd = &dlg;
	INT_PTR nResponse = dlg.DoModal();
	if (nResponse == IDOK)
	{
		// TODO: 在此放置处理何时用
		//  “确定”来关闭对话框的代码
	}
	else if (nResponse == IDCANCEL)
	{
		// TODO: 在此放置处理何时用
		//  “取消”来关闭对话框的代码
	}
	else if (nResponse == -1)
	{
		TRACE(traceAppMsg, 0, "警告: 对话框创建失败，应用程序将意外终止。\n");
		TRACE(traceAppMsg, 0, "警告: 如果您在对话框上使用 MFC 控件，则无法 #define _AFX_NO_MFC_CONTROLS_IN_DIALOGS。\n");
	}

	// 删除上面创建的 shell 管理器。
	if (pShellManager != nullptr)
	{
		delete pShellManager;
	}

#if !defined(_AFXDLL) && !defined(_AFX_NO_MFC_CONTROLS_IN_DIALOGS)
	ControlBarCleanUp();
#endif

	// 由于对话框已关闭，所以将返回 FALSE 以便退出应用程序，
	//  而不是启动应用程序的消息泵。
	return FALSE;
}

 下面是主对话框的初始化函数，VS会自动生成初始化代码，只需要在这个函数中添加你自己的初始化代码即可。

BOOL CMFCAppTestDlg::OnInitDialog()
{
	CDialogEx::OnInitDialog();

	// 将“关于...”菜单项添加到系统菜单中。

	// IDM_ABOUTBOX 必须在系统命令范围内。
	ASSERT((IDM_ABOUTBOX & 0xFFF0) == IDM_ABOUTBOX);
	ASSERT(IDM_ABOUTBOX < 0xF000);

	CMenu* pSysMenu = GetSystemMenu(FALSE);
	if (pSysMenu != nullptr)
	{
		BOOL bNameValid;
		CString strAboutMenu;
		bNameValid = strAboutMenu.LoadString(IDS_ABOUTBOX);
		ASSERT(bNameValid);
		if (!strAboutMenu.IsEmpty())
		{
			pSysMenu->AppendMenu(MF_SEPARATOR);
			pSysMenu->AppendMenu(MF_STRING, IDM_ABOUTBOX, strAboutMenu);
		}
	}

	// 设置此对话框的图标。  当应用程序主窗口不是对话框时，框架将自动
	//  执行此操作
	SetIcon(m_hIcon, TRUE);			// 设置大图标
	SetIcon(m_hIcon, FALSE);		// 设置小图标

	// TODO: 在此添加额外的初始化代码

	return TRUE;  // 除非将焦点设置到控件，否则返回 TRUE
}

二、SDI单文档程序

SDI单文档应用程序也是常有的程序开发模板，比如我们常用的“记事本”、“画图”、“foxmail”等应用就属于单文档应用，这种程序的特点是带有菜单栏、工具栏、状态栏以及可能还包括属性页等，VS自动为程序生成了相应的初始代码，我们没有做任何编写工作就得到了一个“完整”的应用程序。但这一类程序同一时刻只能打开一个文档，如果在同一应用里再打开新文档需要关闭现有文档，VS2017默认生成的单文档应用如下图所示：

 SDI里咱们只要了解除最核心的几个类即可即CXXApp类、CMainFrame、CXXXView、CXXXDoc，项目管理视图中核心视图如下：

在资源视图中相对对话框程序增加了Bitmap、Menu、Acceletator、Toolbar等几个文件夹。

Bitmap：主要是存放和管理应用管理用到的位图资源；

Menu：应用程序用到的菜单资源；

Acceletator：菜单和工具条快捷方式；

Toolbar：工具栏资源，可编辑工具栏图片按钮以及通过ID与菜单关联。

CxxxApp： 派生自CWinApp , 为应用程序对象，负责应用程序的初始化和退出的清理工作。

CMainFrame：  派生自CFrameWnd类， 为框架窗口对象，对应应用程序的主窗口。

CxxxView： 派生自视图类CView ， 为视图对象， 对应应用程序的客户窗口，用来显示文档数据。

CxxxDoc： 派生自CDocument文档类，为文档对象，储存于应用程序相关的数据。可以视图配合使用，为视图提供数据并进行显示。

对于SDI程序的执行顺序大概如下，了解这个过程很重要，就知道一些代码应该加在哪里。

BOOL CMFCStudyApp::InitInstance()
{
	// 如果一个运行在 Windows XP 上的应用程序清单指定要
	// 使用 ComCtl32.dll 版本 6 或更高版本来启用可视化方式，
	//则需要 InitCommonControlsEx()。  否则，将无法创建窗口。
	INITCOMMONCONTROLSEX InitCtrls;
	InitCtrls.dwSize = sizeof(InitCtrls);
	// 将它设置为包括所有要在应用程序中使用的
	// 公共控件类。
	InitCtrls.dwICC = ICC_WIN95_CLASSES;
	InitCommonControlsEx(&InitCtrls);

	CWinAppEx::InitInstance();
	// 初始化 OLE 库
	if (!AfxOleInit())
	{
		AfxMessageBox(IDP_OLE_INIT_FAILED);
		return FALSE;
	}

	AfxEnableControlContainer();

	EnableTaskbarInteraction(FALSE);
	// 使用 RichEdit 控件需要 AfxInitRichEdit2()
	// AfxInitRichEdit2();
	// 标准初始化
	// 如果未使用这些功能并希望减小
	// 最终可执行文件的大小，则应移除下列
	// 不需要的特定初始化例程
	// 更改用于存储设置的注册表项
	// TODO: 应适当修改该字符串，
	// 例如修改为公司或组织名
	SetRegistryKey(_T("应用程序向导生成的本地应用程序"));
	LoadStdProfileSettings(4);  // 加载标准 INI 文件选项(包括 MRU)
	InitContextMenuManager();
	InitKeyboardManager();
	InitTooltipManager();
	CMFCToolTipInfo ttParams;
	ttParams.m_bVislManagerTheme = TRUE;
	theApp.GetTooltipManager()->SetTooltipParams(AFX_TOOLTIP_TYPE_ALL,
		RUNTIME_CLASS(CMFCToolTipCtrl), &ttParams);

	// 注册应用程序的文档模板。  文档模板
	// 将用作文档、框架窗口和视图之间的连接
	CSingleDocTemplate* pDocTemplate;
	pDocTemplate = new CSingleDocTemplate(
		IDR_MAINFRAME,
		RUNTIME_CLASS(CMFCStudyDoc),
		RUNTIME_CLASS(CMainFrame),       // 主 SDI 框架窗口
		RUNTIME_CLASS(CMFCStudyView));
	if (!pDocTemplate)
		return FALSE;
	AddDocTemplate(pDocTemplate);
	// 分析标准 shell 命令、DDE、打开文件操作的命令行
	CCommandLineInfo cmdInfo;
	ParseCommandLine(cmdInfo);
	// 调度在命令行中指定的命令。  如果
	// 用 /RegServer、/Register、/Unregserver 或 /Unregister 启动应用程序，则返回 FALSE。
	if (!ProcessShellCommand(cmdInfo))
		return FALSE;

	// 唯一的一个窗口已初始化，因此显示它并对其进行更新
	m_pMainWnd->ShowWindow(SW_SHOW);
	m_pMainWnd->UpdateWindow();
	return TRUE;
}

 CMainFrame主框架类的OnCreate函数也很重要，VS默认生成的代码如下，VS自动添加了注释，我们就可以读懂具体意义，并在相应位置添加自己的代码。

int CMainFrame::OnCreate(LPCREATESTRUCT lpCreateStruct)
{
	if (CFrameWndEx::OnCreate(lpCreateStruct) == -1)
		return -1;

	BOOL bNameValid;

	if (!m_wndMenuBar.Create(this))
	{
		TRACE0("未能创建菜单栏\n");
		return -1;      // 未能创建
	}

	m_wndMenuBar.SetPaneStyle(m_wndMenuBar.GetPaneStyle() | CBRS_SIZE_DYNAMIC | CBRS_TOOLTIPS | CBRS_FLYBY);

	// 防止菜单栏在激活时获得焦点
	CMFCPopupMenu::SetForceMenuFocus(FALSE);

	if (!m_wndToolBar.CreateEx(this, TBSTYLE_FLAT, WS_CHILD | WS_VISIBLE | CBRS_TOP | CBRS_GRIPPER | CBRS_TOOLTIPS | CBRS_FLYBY | CBRS_SIZE_DYNAMIC) ||
		!m_wndToolBar.LoadToolBar(theApp.m_bHiColorIcons ? IDR_MAINFRAME_256 : IDR_MAINFRAME))
	{
		TRACE0("未能创建工具栏\n");
		return -1;      // 未能创建
	}

	CString strToolBarName;
	bNameValid = strToolBarName.LoadString(IDS_TOOLBAR_STANDARD);
	ASSERT(bNameValid);
	m_wndToolBar.SetWindowText(strToolBarName);

	CString strCustomize;
	bNameValid = strCustomize.LoadString(IDS_TOOLBAR_CUSTOMIZE);
	ASSERT(bNameValid);
	m_wndToolBar.EnableCustomizeButton(TRUE, ID_VIEW_CUSTOMIZE, strCustomize);

	// 允许用户定义的工具栏操作: 
	InitUserToolbars(nullptr, uiFirstUserToolBarId, uiLastUserToolBarId);

	if (!m_wndStatusBar.Create(this))
	{
		TRACE0("未能创建状态栏\n");
		return -1;      // 未能创建
	}
	m_wndStatusBar.SetIndicators(indicators, sizeof(indicators)/sizeof(UINT));

	// TODO: 如果您不希望工具栏和菜单栏可停靠，请删除这五行
	m_wndMenuBar.EnableDocking(CBRS_ALIGN_ANY);
	m_wndToolBar.EnableDocking(CBRS_ALIGN_ANY);
	EnableDocking(CBRS_ALIGN_ANY);
	DockPane(&m_wndMenuBar);
	DockPane(&m_wndToolBar);


	// 启用 Visual Studio 2005 样式停靠窗口行为
	CDockingManager::SetDockingMode(DT_SMART);
	// 启用 Visual Studio 2005 样式停靠窗口自动隐藏行为
	EnableAutoHidePanes(CBRS_ALIGN_ANY);

	// 加载菜单项图像(不在任何标准工具栏上): 
	CMFCToolBar::AddToolBarForImageCollection(IDR_MENU_IMAGES, theApp.m_bHiColorIcons ? IDB_MENU_IMAGES_24 : 0);

	// 创建停靠窗口
	if (!CreateDockingWindows())
	{
		TRACE0("未能创建停靠窗口\n");
		return -1;
	}

	m_wndFileView.EnableDocking(CBRS_ALIGN_ANY);
	m_wndClassView.EnableDocking(CBRS_ALIGN_ANY);
	DockPane(&m_wndFileView);
	CDockablePane* pTabbedBar = nullptr;
	m_wndClassView.AttachToTabWnd(&m_wndFileView, DM_SHOW, TRUE, &pTabbedBar);
	m_wndOutput.EnableDocking(CBRS_ALIGN_ANY);
	DockPane(&m_wndOutput);
	m_wndProperties.EnableDocking(CBRS_ALIGN_ANY);
	DockPane(&m_wndProperties);

	// 基于持久值设置视觉管理器和样式
	OnApplicationLook(theApp.m_nAppLook);

	// 启用工具栏和停靠窗口菜单替换
	EnablePaneMenu(TRUE, ID_VIEW_CUSTOMIZE, strCustomize, ID_VIEW_TOOLBAR);

	// 启用快速(按住 Alt 拖动)工具栏自定义
	CMFCToolBar::EnableQuickCustomization();

	if (CMFCToolBar::GetUserImages() == nullptr)
	{
		// 加载用户定义的工具栏图像
		if (m_UserImages.Load(_T(".\\UserImages.bmp")))
		{
			CMFCToolBar::SetUserImages(&m_UserImages);
		}
	}

	// 启用菜单个性化(最近使用的命令)
	// TODO: 定义您自己的基本命令，确保每个下拉菜单至少有一个基本命令。
	CList<UINT, UINT> lstBasicCommands;

	lstBasicCommands.AddTail(ID_FILE_NEW);
	lstBasicCommands.AddTail(ID_FILE_OPEN);
	lstBasicCommands.AddTail(ID_FILE_SAVE);
	lstBasicCommands.AddTail(ID_APP_EXIT);
	lstBasicCommands.AddTail(ID_EDIT_CUT);
	lstBasicCommands.AddTail(ID_EDIT_PASTE);
	lstBasicCommands.AddTail(ID_EDIT_UNDO);
	lstBasicCommands.AddTail(ID_APP_ABOUT);
	lstBasicCommands.AddTail(ID_VIEW_STATUS_BAR);
	lstBasicCommands.AddTail(ID_VIEW_TOOLBAR);
	lstBasicCommands.AddTail(ID_VIEW_APPLOOK_OFF_2003);
	lstBasicCommands.AddTail(ID_VIEW_APPLOOK_VS_2005);
	lstBasicCommands.AddTail(ID_VIEW_APPLOOK_OFF_2007_BLUE);
	lstBasicCommands.AddTail(ID_VIEW_APPLOOK_OFF_2007_SILVER);
	lstBasicCommands.AddTail(ID_VIEW_APPLOOK_OFF_2007_BLACK);
	lstBasicCommands.AddTail(ID_VIEW_APPLOOK_OFF_2007_AQUA);
	lstBasicCommands.AddTail(ID_VIEW_APPLOOK_WINDOWS_7);
	lstBasicCommands.AddTail(ID_SORTING_SORTALPHABETIC);
	lstBasicCommands.AddTail(ID_SORTING_SORTBYTYPE);
	lstBasicCommands.AddTail(ID_SORTING_SORTBYACCESS);
	lstBasicCommands.AddTail(ID_SORTING_GROUPBYTYPE);

	CMFCToolBar::SetBasicCommands(lstBasicCommands);

	return 0;
}

三、MDI多文档程序

MDI多文档程序可以同时打开多个文档，在界面中可以在多个文件间切换（同时也就为每个文件打开一个窗口），并通过切换活动窗口激活相应的文档进行编辑。这一类应该也比较常见，比如WPS、谷歌浏览器、火狐浏览器（可打开多个网页，在不同的Tab窗口中显示）等属于多文档应用，它相对于SDI多了一个CChildFrame类，即子框架类，对应打开的多个文档和视图。

 在这里大家先只需要大概明白创建方式及各类之间的关系即可，后续我会专门写这方面的例子来详细介绍。

 四、多顶级文档

多顶级文档是VS里最新增加的功能，类似像Word、powerpoint类似这种应用，每一个文档是独立的顶级窗口，而非在同一主窗口下的子窗口应用，这里先暂时不介绍。