Mirrors/overte-HifiExperiments
3
0
Fork 0
mirror of https://github.com/HifiExperiments/overte.git synced 2025-07-23 14:14:28 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

moving file as MicBarApplication

Browse source
This commit is contained in:
Wayne Chen 2019-02-26 18:19:23 -08:00
parent 84fcd50b3b
commit cd7b6e7ed0
1 changed files with 24 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
interface/resources/qml/hifi/audio/MicBar.qml
View file

@ -13,7 +13,6 @@ import QtQuick 2.5
import QtGraphicalEffects 1.0 import QtGraphicalEffects 1.0
import stylesUit 1.0 import stylesUit 1.0
import stylesUit 1.0
import TabletScriptingInterface 1.0 import TabletScriptingInterface 1.0
Rectangle { Rectangle {
@ -35,8 +34,8 @@ Rectangle {
property bool standalone: false; property bool standalone: false;
property var dragTarget: null; property var dragTarget: null;
width: 44; width: 240;
height: 44; height: 50;
radius: 5; radius: 5;
@ -49,8 +48,8 @@ Rectangle {
// borders are painted over fill, so reduce the fill to fit inside the border // borders are painted over fill, so reduce the fill to fit inside the border
Rectangle { Rectangle {
color: standalone ? colors.fill : "#00000000"; color: standalone ? colors.fill : "#00000000";
width: 40; width: 236;
height: 40; height: 46;
radius: 5; radius: 5;
@ -107,6 +106,7 @@ Rectangle {
anchors { anchors {
left: parent.left; left: parent.left;
leftMargin: 5;
verticalCenter: parent.verticalCenter; verticalCenter: parent.verticalCenter;
} }
@ -125,11 +125,11 @@ Rectangle {
source: (pushToTalk && !pushingToTalk) ? pushToTalkIcon : muted ? mutedIcon : source: (pushToTalk && !pushingToTalk) ? pushToTalkIcon : muted ? mutedIcon :
clipping ? clippingIcon : gated ? gatedIcon : unmutedIcon; clipping ? clippingIcon : gated ? gatedIcon : unmutedIcon;
width: 21; width: 30;
height: 24; height: 30;
anchors { anchors {
left: parent.left; left: parent.left;
leftMargin: 7; leftMargin: 5;
top: parent.top; top: parent.top;
topMargin: 5; topMargin: 5;
} }
@ -146,20 +146,20 @@ Rectangle {
Item { Item {
id: status; id: status;
readonly property string color: colors.muted; readonly property string color: AudioScriptingInterface.muted ? colors.muted : colors.unmuted;
visible: (pushToTalk && !pushingToTalk) || (muted && (level >= userSpeakingLevel)); visible: (pushToTalk && !pushingToTalk) || (muted && (level >= userSpeakingLevel));
anchors { anchors {
left: parent.left; left: parent.left;
top: parent.bottom leftMargin: 50;
topMargin: 5 verticalCenter: parent.verticalCenter;
} }
width: icon.width; width: 170;
height: 8 height: 8
RalewaySemiBold { Text {
anchors { anchors {
horizontalCenter: parent.horizontalCenter; horizontalCenter: parent.horizontalCenter;
verticalCenter: parent.verticalCenter; verticalCenter: parent.verticalCenter;
@ -197,14 +197,11 @@ Rectangle {
Item { Item {
id: bar; id: bar;
anchors { visible: !status.visible;
right: parent.right;
rightMargin: 7;
verticalCenter: parent.verticalCenter;
}
width: 8; anchors.fill: status;
height: 32;
width: status.width;
Rectangle { // base Rectangle { // base
radius: 4; radius: 4;
@ -214,12 +211,13 @@ Rectangle {
Rectangle { // mask Rectangle { // mask
id: mask; id: mask;
height: parent.height * level; width: gated ? 0 : parent.width * level;
width: parent.width;
radius: 5; radius: 5;
anchors { anchors {
bottom: parent.bottom; bottom: parent.bottom;
bottomMargin: 0; bottomMargin: 0;
top: parent.top;
topMargin: 0;
left: parent.left; left: parent.left;
leftMargin: 0; leftMargin: 0;
} }
@ -229,11 +227,10 @@ Rectangle {
anchors { fill: mask } anchors { fill: mask }
source: mask source: mask
start: Qt.point(0, 0); start: Qt.point(0, 0);
end: Qt.point(0, bar.height); end: Qt.point(170, 0);
rotation: 180
gradient: Gradient { gradient: Gradient {
GradientStop { GradientStop {
position: 0.0; position: 0;
color: colors.greenStart; color: colors.greenStart;
} }
GradientStop { GradientStop {
@ -241,8 +238,8 @@ Rectangle {
color: colors.greenEnd; color: colors.greenEnd;
} }
GradientStop { GradientStop {
position: 1.0; position: 1;
color: colors.red; color: colors.yellow;
} }
} }
} }