演示效果

意思就是如何把这样的效果：

改成：

这里并不是把修仙上移了，而是把九州和大陆下移了

这样的效果！

伪代码

修改后的代码如下：

    Row {id: topRowanchors{top: parent.toptopMargin: 20horizontalCenter: parent.horizontalCenter}Image {id: jiuZhounImagesource: "qrc:/img/loginJiuZhou.png"fillMode: Image.Stretchsmooth: truewidth: loginItem.width * 0.28height: loginItem.height * 0.1anchors{top: parent.toptopMargin: 25}}Image {id: xiuXianImagesource: "qrc:/img/loginXiuXian.png"fillMode: Image.Stretchsmooth: truewidth: jiuZhounImage.width * 1.5height: jiuZhounImage.height * 1.5}Image {id: daLuImagesource: "qrc:/img/loginDaLu.png"fillMode: Image.Stretchsmooth: truewidth: loginItem.width * 0.28height: loginItem.height * 0.1anchors{top: parent.toptopMargin: 25}}}

这里主要是依靠anchors中的topMargin这个效果！

topMargin也就是把图片，放在最顶端的25应该是real的位置上。即可

QML工作笔记-在Row布局中如何进行稍许移动（图片Row布局会遇到）相关推荐

html图片上下高度不一样,【已解决】HTML图片横向布局中第一张图片和其他图片高度不一致...
折腾: [未解决]HTML页面中把3张图横向排一排期间,试了半天,代码: 但是始终是: 最左边图片的高度不对: 去调试看看发现是: section的高度都一样,是对的但是img的高度就不对了把 ...
绝对布局中android layout,Android 自学之绝对布局 AbsoluteLayout
绝对布局(AbsoluteLayout),绝对布局就像java AWT中的空布局:所谓的绝对布局就是Android不提供任何的布局控制,而是有开发人员自己通过X坐标和Y坐标来控制组件的位置.当使用绝对 ...
QML工作笔记-PC端和Android端布局错位问题
目录问题演示解决办法问题演示比如如下的程序,在PC端运行: 而在Android端: 可见有如下的问题.造成这个原因可以是两平台的差异.得手动调整Android端的布局解决办法参考我以前的这 ...
QML工作笔记-使用QML中的Date将时间戳和指定格式时间互转
目录背景代码及演示补充背景这个功能非常有用,经常用到,今天查了大半个小时的文档才弄出来,特意记录下,方便以前进行快速查阅,开发. 代码及演示程序运行截图如下: 源码如下: import Q ...
QML工作笔记-Image中fillMode的使用
目录基本概念博主例子(伪代码) 基本概念这个功能非常常用,特意写一篇博文用于记录,方便自己以后快速查阅. 上次申请CSDN专家失败了,原因是CSDN说我这个是以功能点为主,缺乏综合实战! 我就是 ...
QML工作笔记-为PushButton戴上皮肤
目录基本概念博主例子源码打包下载基本概念以前写过一个PushButton的基本用法,链接如下: https://blog.csdn.net/qq78442761/article/detail ...
快速开发框架工作笔记001---项目开发中整理_整合好的_springcloud快速开发框架_springcloud框架_springcloud架构
技术交流QQ群[JAVA,C++,Python,.NET,BigData,AI]:170933152 多年国内开发经验,整合好的,一套基于 springcloud,redis,rabbitmq,fas ...
C++|Linux工作笔记-C++获取Linux中shell命令结果
目录基本概念代码与实例基本概念这里首先介绍一条Linux函数: ps -ef | awk '{print $2,$8,$9,$10}' 这个可以当前Linux系统运行的进程另外一个知识点: ...
QML工作笔记-Key Element的使用
目录基本概念演示及代码源码打包下载基本概念 Key允许按键,这个比QGraphics框架好用多了,开发起来真的是快. 演示及代码演示运行截图如下: 程序结构如下: 源码如下: main.cp ...

QML工作笔记-在Row布局中如何进行稍许移动（图片Row布局会遇到）

演示效果

伪代码

QML工作笔记-在Row布局中如何进行稍许移动（图片Row布局会遇到）相关推荐

最新文章

热门文章