291 lines
7.2 KiB
Markdown
291 lines
7.2 KiB
Markdown
## 参考网址
|
||
https://blog.csdn.net/wsj18808050/article/details/54234956
|
||
|
||
Qt：获取屏幕物理长度和宽度（CM）
|
||
https://blog.csdn.net/wsj18808050/article/details/54345537
|
||
|
||
Qt：5.8新特新，QtLite使用方法，以及缩减应用体积的效果
|
||
https://blog.csdn.net/wsj18808050/article/details/55808104
|
||
|
||
QML 中的屏幕适配问题
|
||
https://blog.csdn.net/qyvlik/article/details/51241425
|
||
|
||
QT5（9）HTTP POST GET COOKIE 网络编程
|
||
```c++
|
||
#include <QNetworkCookie> //单个cookie
|
||
#include <QNetworkCookieJar> //储存cookie
|
||
```
|
||
https://blog.csdn.net/qq_16234613/article/details/53783391
|
||
|
||
qt 获取部分的cookie信息 如何把获取的cookie转换为QString类型 正则表达式
|
||
https://blog.csdn.net/qq_22403265/article/details/51333226
|
||
|
||
### cookiebrowser使用webview载入cookie
|
||
```
|
||
m_store = m_webview->page()->profile()->cookieStore();
|
||
m_store->loadAllCookies();
|
||
```
|
||
|
||
### QML Settings 小的示例
|
||
Setting 可以存储一些变量就想配置文件一样
|
||
https://www.cnblogs.com/hbrw/p/6744094.html
|
||
|
||
### 直接导入qml
|
||
Importing QML Document Directories
|
||
目录结构：
|
||
```
|
||
myapp
|
||
|- mycomponents
|
||
|- CheckBox.qml
|
||
|- DialogBox.qml
|
||
|- Slider.qml
|
||
|- main
|
||
|- application.qml
|
||
```
|
||
那么可以：
|
||
```
|
||
import "../mycomponents"
|
||
|
||
DialogBox {
|
||
CheckBox {
|
||
// ...
|
||
}
|
||
Slider {
|
||
// ...
|
||
}
|
||
}
|
||
```
|
||
但是创建一个命名空间来导入会更好
|
||
```
|
||
import "../mycomponents" as MyComponents
|
||
|
||
MyComponents.DialogBox {
|
||
// ...
|
||
}
|
||
```
|
||
|
||
### qml文件间通讯
|
||
3.题回正传，直接上代码（以StackView管理页面为例）
|
||
(1)page1.qml跳转到page2.qml传值
|
||
```
|
||
page1.qml
|
||
|
||
Rectangle
|
||
{
|
||
id:rect1
|
||
...
|
||
MouseArea {
|
||
id: maStartQuery
|
||
anchors.fill: parent
|
||
onClicked:
|
||
{
|
||
if(!stackView.busy)
|
||
stackView.push(Qt.resolvedUrl("qrc:///qml/page2.qml"),
|
||
{name:"张三"})//给page2.qml的name传值“张三”,name必须在page2.qml中定义成属性
|
||
}
|
||
}
|
||
...
|
||
}
|
||
|
||
page2.qml定义如下
|
||
|
||
Rectangle
|
||
{
|
||
id:rect2
|
||
...
|
||
property string name:""//要传的值
|
||
...
|
||
|
||
}
|
||
```
|
||
(2)page2.qml点击"确定"按钮时将结果返回给page1.qml
|
||
|
||
A.在page1.qml中增加一个函数clickedfunc，当点击page2.qml中"确定"按钮时调用；
|
||
B.在page2.qml中增加一个属性containerqml，用来记录page1.qml；
|
||
C.在从page1.qml跳转到page2.qml时，将rect1传给page2.qml的containerqml属性。
|
||
```
|
||
page1.qml
|
||
Rectangle
|
||
{
|
||
id:rect1
|
||
...
|
||
MouseArea {
|
||
id: maStartQuery
|
||
anchors.fill: parent
|
||
onClicked:
|
||
{
|
||
if(!stackView.busy)
|
||
stackView.push(Qt.resolvedUrl("qrc:///qml/page2.qml"),
|
||
{name:"张三",containerqml:rect1})
|
||
}
|
||
}
|
||
|
||
//当点击page2.qml中"确定"按钮时调用
|
||
function clickedfunc(temp)
|
||
{
|
||
console.log("改成了："+temp);
|
||
stackView.pop();//返回到本页
|
||
}
|
||
...
|
||
}
|
||
|
||
page2.qml
|
||
Rectangle
|
||
{
|
||
id:rect2
|
||
...
|
||
property variant containerqml: null
|
||
property string name:""//要传的值
|
||
...
|
||
MouseArea {
|
||
id: btnOK
|
||
anchors.fill: parent
|
||
onClicked:
|
||
{
|
||
containerqml.clickedfunc("李四");//调用page1.qml中的函数，实现了传返回值。
|
||
}
|
||
}
|
||
|
||
}
|
||
```
|
||
另一种就是信号与槽
|
||
|
||
### QtQuick 母版页
|
||
```
|
||
//~ Panel.qml
|
||
Item {
|
||
|
||
property alias headerHeight: headerLoader.height
|
||
property alias footerHeight: footerLoader.height
|
||
|
||
property Component headerComponent: null
|
||
readonly property Item headerItem: headerLoader.item
|
||
|
||
Loader {
|
||
id: headerLoader
|
||
width: parent.width
|
||
height: 40
|
||
sourceComponent: headerComponent
|
||
Binding {
|
||
target: headerLoader.item
|
||
property: "anchors.fill"
|
||
value: headerLoader
|
||
}
|
||
}
|
||
|
||
property Component footerComponent: null
|
||
readonly property Item footerItem: footerLoader.item
|
||
|
||
Loader {
|
||
id: footerLoader
|
||
width: parent.width
|
||
height: 40
|
||
anchors.bottom: parent.bottom
|
||
Binding {
|
||
target: footerLoader.item
|
||
property: "anchors.fill"
|
||
value: footerLoader
|
||
}
|
||
}
|
||
|
||
property Component contentComponent: null
|
||
readonly property Item contentItem: contentLoader.item
|
||
|
||
Loader {
|
||
id: contentLoader
|
||
width: parent.width
|
||
anchors.top: headerLoader.bottom
|
||
anchors.bottom: footerLoader.top;
|
||
Binding {
|
||
target: contentLoader.item
|
||
property: "anchors.fill"
|
||
value: contentLoader
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
Panel {
|
||
headerComponent: Rectangle {
|
||
color: "black"
|
||
}
|
||
footerComponent: Rectangle {
|
||
color: "black"
|
||
}
|
||
contentComponent: ListView {
|
||
delegate: Rectangle { width: parent.width; height: 40; color: "green" }
|
||
model: 10
|
||
}
|
||
}
|
||
```
|
||
### 全局单例模式
|
||
|
||
1. 入口文件的 id 和属性
|
||
2. 静态 JavaScript 文件
|
||
3. qml 单例，QML 实现
|
||
4. qml 单例，c++ 实现
|
||
5. 注册上下文属性
|
||
|
||
### 表单提交（不包括cookies）
|
||
```
|
||
function urlQuery(jsonObject) {
|
||
var query = "";
|
||
var i = 0;
|
||
for(var iter in jsonObject) {
|
||
|
||
if(i > 0) {
|
||
query += "&";
|
||
}
|
||
query += iter +"=" + encodeURI(jsonObject[iter]);
|
||
i++;
|
||
}
|
||
// console.log("url query:", query);
|
||
return query;
|
||
}
|
||
```
|
||
```
|
||
function setHeader(xhr, headers) {
|
||
//"Content-Type":"application/x-www-form-urlencoded"
|
||
for(var iter in headers) {
|
||
xhr.setRequestHeader(iter, headers[iter]);
|
||
}
|
||
}
|
||
|
||
function ajax(method, url, headers, data, callable) {
|
||
headers = headers || {};
|
||
callable = callable || function(xhr) {
|
||
console.log(xhr.responseText);
|
||
}
|
||
var xhr = new XMLHttpRequest;
|
||
xhr.onreadystatechange = function() {
|
||
if(xhr.readyState == xhr.DONE) {
|
||
callable(xhr);
|
||
}
|
||
}
|
||
xhr.open(method, url);
|
||
setHeader(xhr, headers);
|
||
if("GET" === method) {
|
||
xhr.send();
|
||
} else {
|
||
xhr.send(data);
|
||
}
|
||
}
|
||
```
|
||
|
||
如果带有指定名称的头部已经被指定了，这个头部的新值就是：之前指定的值，加上逗号、空白以及这个调用指定的值。
|
||
如果 open() 调用指定了认证资格，XMLHttpRequest 自动发送一个适当的 Authorization 请求头部。但是，你可以使用 setRequestHeader() 来添加这个头部。类似地，如果 Web 服务器已经保存了和传递给 open() 的 URL 相关联的 cookie，适当的 Cookie 或 Cookie2 头部也自动地包含到请求中。可以通过调用 setRequestHeader() 来把这些 cookie 添加到头部。XMLHttpRequest 也可以为 User-Agent 头部提供一个默认值。如果它这么做，你为该头部指定的任何值都会添加到这个默认值后面。
|
||
有些请求头部由 XMLHttpRequest 自动设置而不是由这个方法设置，以符合 HTTP 协议。这包括如下和代理相关的头部：
|
||
Host
|
||
Connection
|
||
Keep-Alive
|
||
Accept-charset
|
||
Accept-Encoding
|
||
If-Modified-Since
|
||
If-None-Match
|
||
If-Range
|
||
Range
|
||
|
||
### XMLHttpRequest设置cookie的问题
|
||
https://segmentfault.com/a/1190000004322487
|
||
|
||
### 如何获取指定objectName的QObject |