Me gustaría poner texto dentro de una burbuja, y quiero que mi burbuja sea igual al ancho del texto, pero si la longitud del texto es demasiado larga, me gustaría que el texto se ajuste automáticamente y ser igual al ancho padreEnvoltura de texto Qml (ancho máximo)
Este código funciona, pero el texto no está envolviendo si el texto es demasiado largo:
Rectangle {
id:messageBoxCadre
width: (modelData.messageLength>25)? (wrapper.width - 20): messageBox.width+10
height: messageBox.height+5
color: modelData.myMessage ? "#aa84b2":"#380c47"
radius: 10
Text {
id:messageBox
text: '<b><font color=purple>'+modelData.message+'</font></b> '
wrapMode: "WordWrap"
}
}
y yo trataba de esto, el ajuste de texto, pero si el texto es demasiado pequeño el ancho de la burbuja no es igual al texto tamaño:
Rectangle {
id:messageBoxCadre
width: (modelData.messageLength>25)? (wrapper.width - 20): messageBox.width+10
height: messageBox.height+5
color: modelData.myMessage ? "#aa84b2":"#380c47"
radius: 10
Text {
id:messageBox
width: (modelData.messageLength>25)? (wrapper.width - 20): messageBox.width
text: '<b><font color=purple>'+modelData.message+'</font></b> '
wrapMode: "WordWrap"
}
}
He cambiado a esto, supongo que es mejor para perf.thx – NicoMinsk
He jugado un poco con la idea de activar un cambio en el texto que se está modificando, creando así un onTextChanged dentro del elemento text_field, pero parece se llama a onTextChanged antes de que se actualice paintedWidth. Sin embargo, permitiría una forma alternativa de tener un cuadro de texto dinámico. Este comentario es realmente solo para completarlo. –
Me gustó más este enfoque. No necesité usar 'paintedWidth' para comparar,' width' también. –