moonlight-stream/moonlight-qt
1
0
Fork 0
mirror of https://github.com/moonlight-stream/moonlight-qt.git synced 2025-07-03 00:06:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Resize settings combo boxes to match their contents

Browse Source
This commit is contained in:
Cameron Gutman 2018-10-06 12:12:05 -07:00
parent 113751a4bc
commit f9daf2a45c
3 changed files with 34 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
app/gui/AutoResizingComboBox.qml Normal file
View File

@ -0,0 +1,27 @@
import QtQuick 2.11
import QtQuick.Controls 2.2
// https://stackoverflow.com/questions/45029968/how-do-i-set-the-combobox-width-to-fit-the-largest-item
ComboBox {
property int modelWidth
width: modelWidth + 2*leftPadding + 2*rightPadding
TextMetrics {
id: textMetrics
font: parent.font
}
onFontChanged: {
textMetrics.font = font
}
// We call this every time the options change (and init)
// so we can adjust the combo box width here too
onActivated: {
for (var i = 0; i < count; i++){
textMetrics.text = textAt(i)
modelWidth = Math.max(textMetrics.width, modelWidth)
}
}
}

18
app/gui/SettingsView.qml
View File

@ -73,7 +73,7 @@ ScrollView {
Row {
spacing: 5
ComboBox {
AutoResizingComboBox {
// ignore setting the index at first, and actually set it when the component is loaded
Component.onCompleted: {
// Add native resolutions for all attached displays
@ -145,7 +145,6 @@ ScrollView {
}
id: resolutionComboBox
width: 200
textRole: "text"
model: ListModel {
id: resolutionListModel
@ -188,7 +187,7 @@ ScrollView {
}
}
ComboBox {
AutoResizingComboBox {
function createModel() {
var fpsListModel = Qt.createQmlObject('import QtQuick 2.0; ListModel {}', parent, '')
@ -253,7 +252,6 @@ ScrollView {
id: fpsComboBox
textRole: "text"
width: 250
// ::onActivated must be used, as it only listens for when the index is changed by a human
onActivated : {
var selectedFps = parseInt(model.get(currentIndex).video_fps)
@ -315,7 +313,7 @@ ScrollView {
color: "white"
}
ComboBox {
AutoResizingComboBox {
// ignore setting the index at first, and actually set it when the component is loaded
Component.onCompleted: {
var savedWm = prefs.windowMode
@ -331,7 +329,6 @@ ScrollView {
}
id: windowModeComboBox
width: Math.min(bitrateDesc.implicitWidth, parent.width)
textRole: "text"
model: ListModel {
id: windowModeListModel
@ -386,7 +383,7 @@ ScrollView {
color: "white"
}
ComboBox {
AutoResizingComboBox {
// ignore setting the index at first, and actually set it when the component is loaded
Component.onCompleted: {
var saved_audio = prefs.audioConfig
@ -402,7 +399,6 @@ ScrollView {
}
id: audioComboBox
width: Math.min(bitrateDesc.implicitWidth, parent.width)
textRole: "text"
model: ListModel {
id: audioListModel
@ -519,7 +515,7 @@ ScrollView {
color: "white"
}
ComboBox {
AutoResizingComboBox {
// ignore setting the index at first, and actually set it when the component is loaded
Component.onCompleted: {
var saved_vds = prefs.videoDecoderSelection
@ -535,7 +531,6 @@ ScrollView {
}
id: decoderComboBox
width: Math.min(bitrateDesc.implicitWidth, parent.width)
textRole: "text"
model: ListModel {
id: decoderListModel
@ -567,7 +562,7 @@ ScrollView {
color: "white"
}
ComboBox {
AutoResizingComboBox {
// ignore setting the index at first, and actually set it when the component is loaded
Component.onCompleted: {
var saved_vcc = prefs.videoCodecConfig
@ -583,7 +578,6 @@ ScrollView {
}
id: codecComboBox
width: Math.min(bitrateDesc.implicitWidth, parent.width)
textRole: "text"
model: ListModel {
id: codecListModel

1
app/qml.qrc
View File

@ -11,5 +11,6 @@
<file>gui/NavigableItemDelegate.qml</file>
<file>gui/NavigableMenuItem.qml</file>
<file>gui/CliStartStreamSegue.qml</file>
<file>gui/AutoResizingComboBox.qml</file>
</qresource>
</RCC>