学院网站建设 需求分析青岛百度seo排名
Image（图片）
图像类型显示图像。
格式：
Image {source: "资源地址"
}source：指定资源的地址
自动检测文件拓展名：source中的URL 指示不存在的本地文件或资源，则 Image 元素会尝试自动检测文件扩展名。如果可以通过将任何受支持的图像文件扩展名附加到source URL 来找到现有文件，则将加载该文件。
| currentFrame | 当前帧 |
| frameCount | 帧数 |
| paintedHeight | 彩绘高度 |
| paintedWidth | 涂漆宽度 |
| asynchronous | 异步，指定本地文件系统上的映像应在单独的线程中异步加载。默认值为 false，导致用户界面线程在加载图像时阻塞。在维护响应式用户界面比使图像立即可见更可取的情况下，将异步设置为 true 非常有用。请注意，此属性仅对从本地文件系统读取的图像有效 |
| autoTransform | 自动变换，此属性保存图像是否应自动应用图像转换元数据 默认为false |
| cache | 指定是否应缓存图像。默认值为 true，当有大型图片是，最好设置为false，以确保它们不会以牺牲小型“UI 元素”图像为代价进行缓存。 |
| fillMode | 填充模式 |
fillMode（填充模式）
| Image.Stretch | 图像拉伸（默认） | 缩放图像以适合 |
| Image.PreserveAspectFit | 保留方面拟合 | 图像均匀缩放以适合而不裁剪 |
| Image.PreserveAspectCrop | 保存方面裁剪 | 图像均匀缩放以填充，必要时裁剪 |
| Image.Tile | 图像平铺 | 图像水平和垂直复制 |
| Image.TileVertically | 图像垂直平铺 | 图像水平拉伸并垂直平铺 |
| Image.TileHorizontally | 图像平铺平铺 | 图像垂直拉伸和水平平铺 |
| Image.Pad | 图像未转换 |
默认情况下，图像居中对齐。
图片的使用：
首先要添加资源文件：：
Rectangle{x:100y:100width: 200height:200Image{id:m1width:100;height: 100source: "/image/4ebac292b2a996a767ccf7977c42b241.jpg"}}
Text(文本内容)
表示方法有两种：
- 纯文本
- 富文本
Text {id: text1x:100y:100text: "hellow world" //纯文本}Text {id: text2x:200y:200text: "<b>hellow</b> <i>world</i>" //富文本}
Text的一些属性：
| padding | 填充（button、left、right、top）+Padding |
| horizontalAlignment | 水平对齐 |
| verticalAlignment | 垂直对齐 |
| advance（Qt 5.10） | 尺寸：size |
| antialiasing | 抗拒齿（默认为true） |
| baseUrl | 设置URL |
| clip | 是否裁剪，如果文本不适合边框，它将突然被切碎 如果要在有限的空间中显示可能较长的文本，则可能需要改用。elide |
| color | 颜色 |
| contentHeight | 内容高度 |
| contentwidth | 内容宽度 |
| elide | 将此属性设置为使文本的某些部分适合文本项的宽度 此属性不能与富文本一起使用 |
| font.bold | 粗体（true） |
| font.kerning | 斜体 |
| font.family | 字体类型 |
| font.letterSpacing | 设置字体间距 |
| font.pixelSize | 设置字体大小 |
| font.pointSize | 设置点的大小 |
| font.preferShaping（Qt 5.10） | 首选整形，用于复杂的字体，默认开启，不复杂的话最好关闭 |
| font.strikeout | 删除线 |
| font.underline | 下划线 |
| font.styleName | 样式名称 |
| font.wordSpacing | 字体间距 |
| font.weight | 设置粗细 |
| hoveredLink | 悬停链接，此属性包含当用户将鼠标悬停在文本中嵌入的链接时的链接字符串。链接必须采用富文本或 HTML 格式，并且 hoveredLink 字符串提供对特定链接的访问。 |
| lineCount | 行数 |
| lineHeiight | 行高 |
| linkColor | 链接颜色 |
| style | 样式 |
| styleColor | 样式颜色 |
| truncated | 截断，如果文本由于最大行计数或省略号而被截断，则返回 true。 富文本不支持此属性。 |
font.capitalization :enumeration (设置字体大小写)
| Font.MixCase | 不应用大写更改的普通文本呈现选项 |
| Font.AllUpper | 将更改要以所有大写类型呈现的文本 |
| Font.AllLowercase | 将更改要以所有小写类型呈现的文本 |
| Font.SmallCaps | 这将更改要以小型大写字母类型呈现的文本 |
| Font.Capitalize | 这将更改要呈现的文本，每个单词的第一个字符作为大写字符 |
font.hintingPreference::enumeration（设置文本上的首选提示）
| Font.PreferDefaultHinting | 平台默认 |
| Font.PreferNoHinting | 如果可能，呈现文本而不提示字形的轮廓。文本布局将在印刷上准确，使用与打印时相同的指标 |
| Font.PreferVerticalHinting | 呈现文本时不带水平提示，但沿垂直方向将字形与像素网格对齐 |
| Font.PreferFullHinting | 在水平和垂直方向上呈现带有提示的文本 |
font.weight::enumeration（设置字体粗细）
| Font.Thin | 薄 |
| Font.Light | 光 |
| Font.ExtraLight | 超光 |
| Font.Normal-the default | 默认 |
| Font.Medium | 中等 |
| Font.DemiBold | 半粗体 |
| Font.Bold | 粗体 |
| Font.ExtraBold | 额外粗体 |
| Font.Black | 黑色 |
fontSizeMode：enumeration（字体大小模型）
| Text.FixedSize | 默认 |
| Text.HorizontalFit | 使用最大尺寸，最大尺寸为指定的大小，适合不带换行的项目宽度。 |
| Text.VerticalFit | 使用最大尺寸，最大尺寸为适合项目高度的指定尺寸 |
| Text.Fit | 使用最大尺寸，最大尺寸为指定的大小，适合项目的宽度和高度 |
textFotmat：enumeration 文本格式
| Text.AutoText | 默认 |
| Text.PlainText | 所有样式标记都被视为纯文本 |
| Text.StyledText | 优化了 HTML 3.2 中的基本富文本 |
| Text.RichText | HTML 4的子集 |
| Text.MarkdownText | CommonMark 加上表和任务列表的 GitHub 扩展（自 5.14 起） |
信号：
| lineLaidOut（） | 对于在布局过程中以纯文本或样式文本模式布局的每一行文本，都会发出此信号。它不会以富文本模式发出。 |
| linkActivated（） | 链接激活时发出 |
| linkHovered（） | 鼠标悬停在链接时发出 |
例子：
Text {id: text1x:100y:100text: "hellow world"font.bold: true//粗体font.pixelSize: 20//内容大小font.underline: true//下划线horizontalAlignment: Text.AlignLeftTextfont.wordSpacing: 2//文字间距font.capitalization: Font.AllLowercase//以小写的格式显示font.weight: Font.ExtraLight;//设置字体大小}