动画制作（十六）

alltolove

效果：

mian.qml文件：

1. import QtQuick 2.5
   
2. import QtQuick.Window 2.0
   
3. import QtQuick.Controls 1.4
   
4. import QtQuick.Dialogs 1.2//想用对话框必须引入这个
   
5. 
   
6. Window {
   
7.     visible: true
   
8.     width: 640
   
9.     height: 480
   
10.     title: qsTr("Hello World")
    
11. 
    
12.     MainForm {
    
13.         id:main
    
14.         anchors.fill: parent
    
15.         button.onClicked: a.open()//点击按钮后，对话框打开
    
16.     }
    
17. 
    
18.     FileDialog{
    
19.         id:a
    
20.         title: "打开"
    
21.         nameFilters: ["*.jpg *.gif *.png","*.*"]//过滤文件类型
    
22.         onAccepted: main.file.text=a.fileUrl//点击确定后发生的事
    
23.     }
    
24. }
    

复制代码

MainForm.ui.qml文件：

1. import QtQuick 2.5
   
2. import QtQuick.Controls 1.4
   
3. import QtQuick.Layouts 1.2
   
4. 
   
5. Item {
   
6.     width: 640
   
7.     height: 480
   
8.     property alias button: button
   
9.     property alias file:file
   
10.     RowLayout {
    
11.         anchors.centerIn: parent
    
12.         Button {
    
13.             id: button
    
14.             text: qsTr("打开文件")
    
15.         }
    
16.         TextField{id:file}//文本框
    
17.         Image{
    
18.         source: file.text//把文本框的内容放到资源索引里
    
19.         }
    
20.     }
    
21. }
    
22. 
    

复制代码

Preview: 明天介绍简易网路图片查看器和自定义控制样式的方法

不二如是

qtquick!