Sciter教程_00_创建HelloWorld工程

月河雪飞

已于 2023-12-17 10:03:22 修改

阅读量963

点赞数 15

分类专栏： Sciter教程文章标签： c++ html ui

于 2023-12-17 09:52:38 首次发布

本文链接：https://blog.csdn.net/qq_36707072/article/details/135041539

版权

Sciter教程专栏收录该内容

4 篇文章 0 订阅

订阅专栏

Sciter教程系列-00 创建最小工程

第一步：下载`SciterSDK`

到官网https://sciter.com/download/下载页面下载SDK压缩包到本地，这里选择Sciter.TIS开发包。

在这里插入图片描述

解压SDK到磁盘并设置好环境变量，如下图所示。

在这里插入图片描述

第二步：创建项目

使用VS创建空项目，创建一个单项目的解决方案，如下图所示。

在这里插入图片描述

将SciterSDK路径下的include/sciter-win-main.cpp拷贝到项目文件夹下的src文件夹下，VS中创建筛选器src并添加该文件。如下图所示。

在这里插入图片描述

第三步：配置项目属性

可以看到，第二步添加文件之后，文件中的包含语句是报错的，这是因为项目还没有正确设置附加包含目录。

单击项目，右键选择属性，在属性页中的C/C++--常规--附加包含目录中填入$(ENV_SciterSDK)\include\，点击确认保存。注意属性页上方选择所有配置所有平台。如果包含语句仍旧报错，尝试重启VS。

在这里插入图片描述

在属性页的常规--输出目录中填入$(SolutionDir)bin\，这个配置将使得编译产生的项目.exe文件存储在项目路径下的bin文件夹中。

在这里插入图片描述

在属性页的链接器--系统--子系统中选择窗口。

在这里插入图片描述

在属性页的清单工具--输入和输出-DPI识别功能中选择每个监视器高DPI识别。

在这里插入图片描述

第四步：编写Demo程序

在src下创建HelloWorld.cpp文件，并添加到VS中。该文件内容如下所示。

// HelloWorld.cpp : Defines the entry point for the application.
//

//#include "stdafx.h"
//#include "HelloWorld.h"

#include "sciter-x-window.hpp"

class frame : public sciter::window {
public:
	frame() : window(SW_TITLEBAR | SW_RESIZEABLE | SW_CONTROLS | SW_MAIN | SW_ENABLE_DEBUG) {}
};

#include "resources.cpp"

int uimain(std::function<int()> run) {

	//sciter::debug_output_console console; - uncomment it if you will need console window

	sciter::archive::instance().open(aux::elements_of(resources)); // bind resources[] (defined in "resources.cpp") with the archive

	frame* pwin = new frame();

	// note: this:://app URL is dedicated to the sciter::archive content associated with the application
	pwin->load(WSTR("this://app/main.htm"));

	pwin->expand();

	return run();
}

在解决方案路径下（即解决方案.sln文件所在的路径）创建res文件夹，用来存放HTML/CSS/图片/脚本等前端资源文件。

在res文件夹创建main.htm文件，该文件内容如下所示。

<html>
    <head>
        <title>Test</title>
        <style></style>
        <script type="text/tiscript"></script>
    </head>
    <body>
        Hello World!
    </body>
</html>

第五步：创建打包脚本

在解决方案路径下创建一个打包脚本文件pack-resources.bat。文件中的内容如下所示。

@echo off

::获取SciterSDK路径
set SciterSDK=%ENV_SciterSDK%

::获取打包程序packfolder.exe路径
set PackFolderEXE="%SciterSDK%\bin.win\packfolder.exe"

::获取资源文件夹路径
set ResPath="./res"

::调用打包程序
%PackFolderEXE% %ResPath% resources.cpp -v "resources"

pause