移动textfield编辑区域
移动textfield编辑区域
提问于 2017-10-25 13:01:07
我有一个基于qml的应用程序，其中我有一个搜索字段。该字段还有一个图标来表示它是一个搜索框。问题是，当我键入文本时，它会与图标重叠，我希望基本上将文本输入区域限制在不包含图像的文本字段中。
qml代码如下：
TextField {
id: searchBox
font.pixelSize: 18
background: Rectangle {
radius: 6
border.color: "#707070"
border.width: 1
Image {
source: "../images/search.png"
anchors.left: parent.left
anchors.leftMargin: 12
anchors.verticalCenter: parent.verticalCenter
}
}
}生成的组件呈现如下：
如您所见，文本输入区域与图像重叠。是否有一种方法可以确保文本输入区域被剪裁，或者在这种情况下移到右边，并且用户无法添加图像呈现的文本？
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-10-25 13:17:09
您可以使用填充属性。
rightPadding: 30
leftPadding: 24页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46933190
复制相关文章
相似问题
腾讯云开发者
