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

Added buttons list mutex protection. Reworked keyboard tablet navigation. no more double selections

Browse source
This commit is contained in:
vladest 2017-12-11 17:50:16 +01:00
parent 3aaf666295
commit cc78fc1f53
4 changed files with 145 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

156
interface/resources/qml/hifi/tablet/Tablet.qml
View file

@ -12,6 +12,11 @@ Item {
property int rowIndex: 6 // by default
property int columnIndex: 1 // point to 'go to location'
property int count: 0
readonly property int buttonsOnPage: 12
readonly property int buttonsRowsOnPage: 4
readonly property int buttonsColumnsOnPage: 3
focus: true
Timer {
id: gridsRecreateTimer
@ -42,11 +47,12 @@ Item {
var button = tabletButtons[buttonIndex]
if (button !== null) {
var grid = swipeView.itemAt(swipeView.count - 1);
if (grid === null || grid.children[0].children.length === 12) {
if (grid === null || grid.children[0].children.length === buttonsOnPage) {
grid = pageComponent.createObject(swipeView);
}
button.row = Math.floor(grid.children[0].children.length / buttonsColumnsOnPage);
button.column = grid.children[0].children.length % buttonsColumnsOnPage;
//reparent to actual grid
button.parent = grid.children[0]
grid.children[0].children.push(button);
}
@ -236,6 +242,11 @@ Item {
id: swipeView
clip: false
currentIndex: pageIndicator.currentIndex
onCurrentIndexChanged: {
rowIndex = 0
columnIndex = 0
}
hoverEnabled: true
anchors {
left: parent.left
@ -266,15 +277,6 @@ Item {
}
}
}
MouseArea {
anchors.fill: parent
enabled: false //disabled by default
onClicked: {
if (index !== swipeView.currentIndex) {
swipeView.currentIndex = index
}
}
}
}
interactive: false
@ -284,75 +286,135 @@ Item {
}
}
function getPage(row, column) {
var pageIndex = Math.floor((row + column) / 12)
var index = (row + column) % 12
var page = swipeView.itemAt(pageIndex).children[0]
return { page: page, index: index, pageIndex: pageIndex }
function setCurrentItemState(state) {
var index = rowIndex*buttonsColumnsOnPage + columnIndex;
var currentGridItems = swipeView.currentItem.children[0].children
if (currentGridItems !== null && index >= 0 && index < currentGridItems.length) {
if (currentGridItems[index].isActive) {
currentGridItems[index].state = "active state";
} else {
currentGridItems[index].state = state;
}
}
}
function setCurrentItemState(state) {
var index = rowIndex + columnIndex;
if (index >= 0 && index <= count ) {
var grid = getPage(rowIndex, columnIndex)
grid.page.children[grid.index].state = state;
swipeView.currentIndex = grid.pageIndex
function previousPage() {
setCurrentItemState("base state");
var currentPage = swipeView.currentIndex
currentPage = currentPage - 1
if (currentPage < 0) {
currentPage = swipeView.count - 1
}
swipeView.currentIndex = currentPage
}
function nextPage() {
setCurrentItemState("base state");
var currentPage = swipeView.currentIndex
currentPage = currentPage + 1
if (currentPage >= swipeView.count) {
currentPage = 0
}
swipeView.currentIndex = currentPage
}
function nextItem() {
setCurrentItemState("base state");
var nextColumnIndex = (columnIndex + 3 + 1) % 3;
var nextIndex = rowIndex + nextColumnIndex;
if(nextIndex < count) {
columnIndex = nextColumnIndex;
};
var currentGridItems = swipeView.currentItem.children[0].children
var nextColumnIndex = columnIndex + 1;
var index = rowIndex*buttonsColumnsOnPage + nextColumnIndex;
if(index >= currentGridItems.length || nextColumnIndex >= buttonsColumnsOnPage) {
nextColumnIndex = 0;
}
columnIndex = nextColumnIndex;
setCurrentItemState("hover state");
}
function previousItem() {
setCurrentItemState("base state");
var prevIndex = (columnIndex + 3 - 1) % 3;
if((rowIndex + prevIndex) < count){
columnIndex = prevIndex;
var column = columnIndex
column = column - 1;
if (column < 0 ) {
column = buttonsColumnsOnPage - 1;
var index = rowIndex*buttonsColumnsOnPage + column;
var currentGridItems = swipeView.currentItem.children[0].children
while(index >= currentGridItems.length) {
column = column - 1
index = rowIndex*buttonsColumnsOnPage + column;
}
}
columnIndex = column
setCurrentItemState("hover state");
}
function upItem() {
setCurrentItemState("base state");
rowIndex = rowIndex - 3;
if (rowIndex < 0 ) {
rowIndex = (count - (count % 3));
var index = rowIndex + columnIndex;
if(index > count) {
rowIndex = rowIndex - 3;
var row = rowIndex
row = row - 1;
if (row < 0 ) {
row = buttonsRowsOnPage - 1;
var index = row*buttonsColumnsOnPage + columnIndex;
var currentGridItems = swipeView.currentItem.children[0].children
while(index >= currentGridItems.length) {
row = row - 1
index = row*buttonsColumnsOnPage + columnIndex;
}
}
rowIndex = row
setCurrentItemState("hover state");
}
function downItem() {
setCurrentItemState("base state");
rowIndex = rowIndex + 3;
var index = rowIndex + columnIndex;
if (index > count ) {
rowIndex = rowIndex + 1;
var currentGridItems = swipeView.currentItem.children[0].children
var index = rowIndex*buttonsColumnsOnPage + columnIndex;
if (index >= currentGridItems.length) {
rowIndex = 0;
}
setCurrentItemState("hover state");
}
function selectItem() {
var grid = getPage(rowIndex, columnIndex)
grid.page.children[grid.index].clicked();
if (tabletRoot) {
tabletRoot.playButtonClickSound();
var index = rowIndex*buttonsColumnsOnPage + columnIndex;
var currentGridItems = swipeView.currentItem.children[0].children
if (currentGridItems !== null && index >= 0 && index < currentGridItems.length) {
currentGridItems[index].clicked();
if (tabletRoot) {
tabletRoot.playButtonClickSound();
}
}
}
Keys.onRightPressed: nextItem();
Keys.onLeftPressed: previousItem();
Keys.onDownPressed: downItem();
Keys.onUpPressed: upItem();
Keys.onRightPressed: {
if (event.modifiers & Qt.ShiftModifier) {
nextPage();
} else {
nextItem();
}
}
Keys.onLeftPressed: {
if (event.modifiers & Qt.ShiftModifier) {
previousPage();
} else {
previousItem();
}
}
Keys.onDownPressed: {
if (event.modifiers & Qt.ShiftModifier) {
nextPage();
} else {
downItem();
}
}
Keys.onUpPressed: {
if (event.modifiers & Qt.ShiftModifier) {
previousPage();
} else {
upItem();
}
}
Keys.onReturnPressed: selectItem();
}

11
interface/resources/qml/hifi/tablet/TabletButton.qml
View file

@ -24,6 +24,10 @@ Item {
property int stableOrder: 0
property var tabletRoot;
property var flickable: null
property int row: -1
property int column: -1
width: 129
height: 129
@ -135,6 +139,7 @@ Item {
preventStealing: false
onClicked: {
console.log("Tablet Button Clicked!");
tablet.setCurrentItemState("base state");
if (tabletButton.inDebugMode) {
if (tabletButton.isActive) {
tabletButton.isActive = false;
@ -142,6 +147,9 @@ Item {
tabletButton.isActive = true;
}
}
tablet.rowIndex = tabletButton.row
tablet.columnIndex = tabletButton.column
tabletButton.clicked();
if (tabletRoot) {
tabletInterface.playSound(TabletEnums.ButtonClick);
@ -149,6 +157,7 @@ Item {
}
onEntered: {
tablet.setCurrentItemState("base state");
tabletButton.isEntered = true;
tabletInterface.playSound(TabletEnums.ButtonHover);
@ -157,6 +166,8 @@ Item {
} else {
tabletButton.state = "hover state";
}
tablet.rowIndex = tabletButton.row
tablet.columnIndex = tabletButton.column
}
onExited: {
tabletButton.isEntered = false;

31
libraries/ui/src/ui/TabletScriptingInterface.cpp
View file

@ -716,7 +716,11 @@ TabletButtonProxy* TabletProxy::addButton(const QVariant& properties) {
}
auto tabletButtonProxy = QSharedPointer<TabletButtonProxy>(new TabletButtonProxy(properties.toMap()));
_tabletButtonProxies.push_back(tabletButtonProxy);
{
QMutexLocker locker(&_tabletButtonsListMutex);
_tabletButtonProxies.push_back(tabletButtonProxy);
}
if (!_toolbarMode && _qmlTabletRoot) {
auto tablet = getQmlTablet();
if (tablet) {
@ -764,7 +768,10 @@ void TabletProxy::removeButton(TabletButtonProxy* tabletButtonProxy) {
return;
}
buttonProxy = *iter;
_tabletButtonProxies.erase(iter);
{
QMutexLocker locker(&_tabletButtonsListMutex);
_tabletButtonProxies.erase(iter);
}
}
if (!_toolbarMode && _qmlTabletRoot) {
@ -813,8 +820,12 @@ void TabletProxy::addButtonsToHomeScreen() {
if (!tablet || _toolbarMode) {
return;
}
for (auto& buttonProxy : _tabletButtonProxies) {
addButtonProxyToQmlTablet(tablet, buttonProxy.data());
{
QMutexLocker locker(&_tabletButtonsListMutex);
for (auto& buttonProxy : _tabletButtonProxies) {
addButtonProxyToQmlTablet(tablet, buttonProxy.data());
}
}
auto loader = _qmlTabletRoot->findChild<QQuickItem*>("loader");
QObject::disconnect(loader, SIGNAL(loaded()), this, SLOT(addButtonsToHomeScreen()));
@ -841,9 +852,12 @@ void TabletProxy::desktopWindowClosed() {
void TabletProxy::addButtonsToToolbar() {
Q_ASSERT(QThread::currentThread() == thread());
ToolbarProxy* toolbarProxy = DependencyManager::get<TabletScriptingInterface>()->getSystemToolbarProxy();
for (auto& buttonProxy : _tabletButtonProxies) {
// copy properties from tablet button proxy to toolbar button proxy.
buttonProxy->setToolbarButtonProxy(toolbarProxy->addButton(buttonProxy->getProperties()));
{
QMutexLocker locker(&_tabletButtonsListMutex);
for (auto& buttonProxy : _tabletButtonProxies) {
// copy properties from tablet button proxy to toolbar button proxy.
buttonProxy->setToolbarButtonProxy(toolbarProxy->addButton(buttonProxy->getProperties()));
}
}
// make the toolbar visible
@ -902,11 +916,14 @@ QQuickItem* TabletProxy::getQmlMenu() const {
QList<QObject *> TabletProxy::getButtonsList() const {
QList<QObject *> buttonsList;
QMutexLocker locker(&_tabletButtonsListMutex);
for (auto& buttonProxy : _tabletButtonProxies) {
if (buttonProxy->getQmlButton()) {
buttonsList.append(buttonProxy->getQmlButton());
}
}
return buttonsList;
}

1
libraries/ui/src/ui/TabletScriptingInterface.h
View file

@ -270,6 +270,7 @@ protected:
std::pair<QVariant, bool> _initialWebPathParams;
bool _landscape { false };
bool _showRunningScripts { false };
mutable QMutex _tabletButtonsListMutex;
};
Q_DECLARE_METATYPE(TabletProxy*);