mirror of
https://github.com/zhuzichu520/FluentUI.git
synced 2024-11-01 08:31:33 +08:00
371 lines
13 KiB
QML
371 lines
13 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Layouts 1.15
|
|
import QtQuick.Window 2.15
|
|
import QtQuick.Controls 2.15
|
|
import FluentUI 1.0
|
|
import "qrc:///example/qml/component"
|
|
import "../component"
|
|
|
|
FluContentPage{
|
|
|
|
title:"Network"
|
|
|
|
FluNetworkCallable{
|
|
id:callable
|
|
onStart: {
|
|
showLoading()
|
|
}
|
|
onFinish: {
|
|
hideLoading()
|
|
}
|
|
onError:
|
|
(status,errorString,result)=>{
|
|
console.debug(status+";"+errorString+";"+result)
|
|
}
|
|
onCache:
|
|
(result)=>{
|
|
text_info.text = result
|
|
}
|
|
onSuccess:
|
|
(result)=>{
|
|
text_info.text = result
|
|
}
|
|
}
|
|
|
|
Flickable{
|
|
id:layout_flick
|
|
width: 200
|
|
clip: true
|
|
anchors{
|
|
top: parent.top
|
|
topMargin: 20
|
|
bottom: parent.bottom
|
|
left: parent.left
|
|
}
|
|
boundsBehavior: Flickable.StopAtBounds
|
|
ScrollBar.vertical: FluScrollBar {}
|
|
contentHeight:layout_column.height
|
|
Column{
|
|
spacing: 2
|
|
id:layout_column
|
|
width: parent.width
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "Get"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.get("https://httpbingo.org/get")
|
|
.addQuery("name","孙悟空")
|
|
.addQuery("age",500)
|
|
.addQuery("address","花果山水帘洞")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "Post Body"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.postBody("https://httpbingo.org/post")
|
|
.setBody("花果山水帘洞美猴王齐天大圣孙悟空")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "Post Form"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.postForm("https://httpbingo.org/post")
|
|
.add("name","孙悟空")
|
|
.add("age",500)
|
|
.add("address","花果山水帘洞")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "Post JSON"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.postJson("https://httpbingo.org/post")
|
|
.add("name","孙悟空")
|
|
.add("age",500)
|
|
.add("address","花果山水帘洞")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "Post JSON Array"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.postJsonArray("https://httpbingo.org/post")
|
|
.add("name","孙悟空")
|
|
.add("age",500)
|
|
.add("address","花果山水帘洞")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "Put Body"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.putBody("https://httpbingo.org/put")
|
|
.setBody("花果山水帘洞美猴王齐天大圣孙悟空")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "Put Form"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.putForm("https://httpbingo.org/put")
|
|
.add("name","孙悟空")
|
|
.add("age",500)
|
|
.add("address","花果山水帘洞")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "Put JSON"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.putJson("https://httpbingo.org/put")
|
|
.add("name","孙悟空")
|
|
.add("age",500)
|
|
.add("address","花果山水帘洞")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "Put JSON Array"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.putJsonArray("https://httpbingo.org/put")
|
|
.add("name","孙悟空")
|
|
.add("age",500)
|
|
.add("address","花果山水帘洞")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "Patch Body"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.patchBody("https://httpbingo.org/patch")
|
|
.setBody("花果山水帘洞美猴王齐天大圣孙悟空")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "Patch Form"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.patchForm("https://httpbingo.org/patch")
|
|
.add("name","孙悟空")
|
|
.add("age",500)
|
|
.add("address","花果山水帘洞")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "Patch JSON"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.patchJson("https://httpbingo.org/patch")
|
|
.add("name","孙悟空")
|
|
.add("age",500)
|
|
.add("address","花果山水帘洞")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "Patch JSON Array"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.patchJsonArray("https://httpbingo.org/patch")
|
|
.add("name","孙悟空")
|
|
.add("age",500)
|
|
.add("address","花果山水帘洞")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "Delete Body"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.deleteBody("https://httpbingo.org/delete")
|
|
.setBody("花果山水帘洞美猴王齐天大圣孙悟空")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "Delete Form"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.deleteForm("https://httpbingo.org/delete")
|
|
.add("name","孙悟空")
|
|
.add("age",500)
|
|
.add("address","花果山水帘洞")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "Delete JSON"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.deleteJson("https://httpbingo.org/delete")
|
|
.add("name","孙悟空")
|
|
.add("age",500)
|
|
.add("address","花果山水帘洞")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "Delete JSON Array"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.deleteJsonArray("https://httpbingo.org/delete")
|
|
.add("name","孙悟空")
|
|
.add("age",500)
|
|
.add("address","花果山水帘洞")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "Custom Header"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.postJson("https://httpbingo.org/post")
|
|
.addHeader("os","PC")
|
|
.addHeader("version","1.0.0")
|
|
.add("name","孙悟空")
|
|
.add("age",500)
|
|
.add("address","花果山水帘洞")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "RequestFailedReadCache"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.postJson("https://httpbingo.org/post")
|
|
.setCacheMode(FluNetworkType.RequestFailedReadCache)
|
|
.add("name","孙悟空")
|
|
.add("age",500)
|
|
.add("address","花果山水帘洞")
|
|
.add("cacheMode","RequestFailedReadCache")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "IfNoneCacheRequest"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.postJson("https://httpbingo.org/post")
|
|
.setCacheMode(FluNetworkType.IfNoneCacheRequest)
|
|
.add("name","孙悟空")
|
|
.add("age",500)
|
|
.add("address","花果山水帘洞")
|
|
.add("cacheMode","IfNoneCacheRequest")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "FirstCacheThenRequest"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.postJson("https://httpbingo.org/post")
|
|
.setCacheMode(FluNetworkType.FirstCacheThenRequest)
|
|
.add("name","孙悟空")
|
|
.add("age",500)
|
|
.add("address","花果山水帘洞")
|
|
.add("cacheMode","FirstCacheThenRequest")
|
|
.go(callable)
|
|
}
|
|
}
|
|
FluButton{
|
|
implicitWidth: parent.width
|
|
implicitHeight: 36
|
|
text: "Timeout And Retry"
|
|
onClicked: {
|
|
text_info.text = ""
|
|
FluNetwork.postJson("https://httpbingo.org/post")
|
|
.setTimeout(5000)
|
|
.setRetry(3)
|
|
.add("name","孙悟空")
|
|
.add("age",500)
|
|
.add("address","花果山水帘洞")
|
|
.add("timeout","5000")
|
|
.add("retry","3")
|
|
.go(callable)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
FluArea{
|
|
anchors{
|
|
top: layout_flick.top
|
|
bottom: layout_flick.bottom
|
|
left: layout_flick.right
|
|
right: parent.right
|
|
leftMargin: 8
|
|
}
|
|
Flickable{
|
|
clip: true
|
|
id:scrollview
|
|
boundsBehavior:Flickable.StopAtBounds
|
|
width: parent.width
|
|
height: parent.height
|
|
contentWidth: width
|
|
contentHeight: text_info.height
|
|
ScrollBar.vertical: FluScrollBar {}
|
|
FluText{
|
|
id:text_info
|
|
width: scrollview.width
|
|
wrapMode: Text.WrapAnywhere
|
|
padding: 14
|
|
}
|
|
}
|
|
}
|
|
}
|