mirror of
https://github.com/overte-org/overte.git
synced 2025-04-27 20:15:54 +02:00
27bb8a0de7
note: the idea is to make imports like 'import controlsUit 1.0' to work with 'styles-uit'/'controls-uit' it is not possible because of two reasons: 1. import controls-uit 1.0 is invalid syntax 2. qmldir inside controls-uit is 'module controlsUit'
76 lines
2.1 KiB
QML
76 lines
2.1 KiB
QML
//
|
|
// Fadable.qml
|
|
//
|
|
// Created by Bradley Austin Davis on 15 Jan 2016
|
|
// Copyright 2016 High Fidelity, Inc.
|
|
//
|
|
// Distributed under the Apache License, Version 2.0.
|
|
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
|
|
//
|
|
|
|
import QtQuick 2.5
|
|
|
|
import stylesUit 1.0
|
|
|
|
// Enable window visibility transitions
|
|
FocusScope {
|
|
id: root
|
|
HifiConstants { id: hifi }
|
|
|
|
Component.onCompleted: {
|
|
fadeTargetProperty = visible ? 1.0 : 0.0
|
|
}
|
|
|
|
property var completionCallback;
|
|
// The target property to animate, usually scale or opacity
|
|
property alias fadeTargetProperty: root.opacity
|
|
property bool disableFade: false
|
|
// always start the property at 0 to enable fade in on creation
|
|
fadeTargetProperty: 0
|
|
// DO NOT set visible to false or when derived types override it it
|
|
// will short circuit the fade in on initial visibility
|
|
// visible: false <--- NO
|
|
|
|
// Some dialogs should be destroyed when they become
|
|
// invisible, so handle that
|
|
onVisibleChanged: {
|
|
// If someone directly set the visibility to false
|
|
// toggle it back on and use the targetVisible flag to transition
|
|
// via fading.
|
|
if (!disableFade && ((!visible && fadeTargetProperty != 0.0) || (visible && fadeTargetProperty == 0.0))) {
|
|
var target = visible;
|
|
visible = !visible;
|
|
fadeTargetProperty = target ? 1.0 : 0.0;
|
|
return;
|
|
}
|
|
|
|
// Now handle completions
|
|
if (completionCallback) {
|
|
completionCallback();
|
|
completionCallback = undefined;
|
|
}
|
|
|
|
}
|
|
|
|
// The actual animator
|
|
Behavior on fadeTargetProperty {
|
|
NumberAnimation {
|
|
duration: hifi.effects.fadeInDuration
|
|
easing.type: Easing.InOutCubic
|
|
}
|
|
}
|
|
|
|
onFadeTargetPropertyChanged: {
|
|
visible = (fadeTargetProperty != 0.0);
|
|
}
|
|
|
|
function fadeIn(callback) {
|
|
completionCallback = callback;
|
|
fadeTargetProperty = 1.0;
|
|
}
|
|
|
|
function fadeOut(callback) {
|
|
completionCallback = callback;
|
|
fadeTargetProperty = 0.0;
|
|
}
|
|
}
|