學(xué)院網(wǎng)站建設(shè) 需求分析百度自己的宣傳廣告
Image（圖片）
圖像類(lèi)型顯示圖像。
格式：
Image {source: "資源地址"
}source：指定資源的地址
自動(dòng)檢測(cè)文件拓展名：source中的URL 指示不存在的本地文件或資源，則 Image 元素會(huì)嘗試自動(dòng)檢測(cè)文件擴(kuò)展名。如果可以通過(guò)將任何受支持的圖像文件擴(kuò)展名附加到source?URL 來(lái)找到現(xiàn)有文件，則將加載該文件。
| currentFrame | 當(dāng)前幀 |
| frameCount | 幀數(shù) |
| paintedHeight | 彩繪高度 |
| paintedWidth | 涂漆寬度 |
| asynchronous | 異步，指定本地文件系統(tǒng)上的映像應(yīng)在單獨(dú)的線程中異步加載。默認(rèn)值為 false，導(dǎo)致用戶(hù)界面線程在加載圖像時(shí)阻塞。在維護(hù)響應(yīng)式用戶(hù)界面比使圖像立即可見(jiàn)更可取的情況下，將異步設(shè)置為 true 非常有用。請(qǐng)注意，此屬性?xún)H對(duì)從本地文件系統(tǒng)讀取的圖像有效 |
| autoTransform? | 自動(dòng)變換，此屬性保存圖像是否應(yīng)自動(dòng)應(yīng)用圖像轉(zhuǎn)換元數(shù)據(jù) 默認(rèn)為false |
| cache | 指定是否應(yīng)緩存圖像。默認(rèn)值為 true，當(dāng)有大型圖片是，最好設(shè)置為false，以確保它們不會(huì)以犧牲小型“UI 元素”圖像為代價(jià)進(jìn)行緩存。 |
| fillMode | 填充模式 |
fillMode（填充模式）
| Image.Stretch | 圖像拉伸（默認(rèn)） | 縮放圖像以適合 |
| Image.PreserveAspectFit | 保留方面擬合 | 圖像均勻縮放以適合而不裁剪 |
| Image.PreserveAspectCrop | 保存方面裁剪 | 圖像均勻縮放以填充，必要時(shí)裁剪 |
| Image.Tile | 圖像平鋪 | 圖像水平和垂直復(fù)制 |
| Image.TileVertically? | 圖像垂直平鋪 | 圖像水平拉伸并垂直平鋪 |
| Image.TileHorizontally? | 圖像平鋪平鋪 | ?圖像垂直拉伸和水平平鋪 |
| Image.Pad | ?圖像未轉(zhuǎn)換 |
默認(rèn)情況下，圖像居中對(duì)齊。
圖片的使用：
首先要添加資源文件：：
Rectangle{x:100y:100width: 200height:200Image{id:m1width:100;height: 100source: "/image/4ebac292b2a996a767ccf7977c42b241.jpg"}}
?
Text(文本內(nèi)容)
表示方法有兩種：
- 純文本
- 富文本
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 | 水平對(duì)齊 |
| verticalAlignment | 垂直對(duì)齊 |
| advance（Qt 5.10） | 尺寸：size |
| antialiasing | 抗拒齒（默認(rèn)為true） |
| baseUrl | 設(shè)置URL |
| clip | 是否裁剪，如果文本不適合邊框，它將突然被切碎 如果要在有限的空間中顯示可能較長(zhǎng)的文本，則可能需要改用。elide |
| color | 顏色 |
| contentHeight | 內(nèi)容高度 |
| contentwidth | 內(nèi)容寬度 |
| elide | 將此屬性設(shè)置為使文本的某些部分適合文本項(xiàng)的寬度 此屬性不能與富文本一起使用 |
| font.bold | 粗體（true） |
| font.kerning | 斜體 |
| font.family | 字體類(lèi)型 |
| font.letterSpacing | 設(shè)置字體間距 |
| font.pixelSize | 設(shè)置字體大小 |
| font.pointSize | 設(shè)置點(diǎn)的大小 |
| font.preferShaping（Qt 5.10） | 首選整形，用于復(fù)雜的字體，默認(rèn)開(kāi)啟，不復(fù)雜的話最好關(guān)閉 |
| font.strikeout | 刪除線 |
| font.underline | 下劃線 |
| font.styleName | 樣式名稱(chēng) |
| font.wordSpacing | 字體間距 |
| font.weight | 設(shè)置粗細(xì) |
| hoveredLink | 懸停鏈接，此屬性包含當(dāng)用戶(hù)將鼠標(biāo)懸停在文本中嵌入的鏈接時(shí)的鏈接字符串。鏈接必須采用富文本或 HTML 格式，并且?hoveredLink?字符串提供對(duì)特定鏈接的訪問(wèn)。 |
| lineCount | 行數(shù) |
| lineHeiight | 行高 |
| linkColor | 鏈接顏色 |
| style | 樣式 |
| styleColor | 樣式顏色 |
| truncated | 截?cái)?#xff0c;如果文本由于最大行計(jì)數(shù)或省略號(hào)而被截?cái)?#xff0c;則返回 true。 富文本不支持此屬性。 |
font.capitalization :enumeration (設(shè)置字體大小寫(xiě))
| Font.MixCase | 不應(yīng)用大寫(xiě)更改的普通文本呈現(xiàn)選項(xiàng) |
| Font.AllUpper? | 將更改要以所有大寫(xiě)類(lèi)型呈現(xiàn)的文本 |
| Font.AllLowercase | 將更改要以所有小寫(xiě)類(lèi)型呈現(xiàn)的文本 |
| Font.SmallCaps | 這將更改要以小型大寫(xiě)字母類(lèi)型呈現(xiàn)的文本 |
| Font.Capitalize | 這將更改要呈現(xiàn)的文本，每個(gè)單詞的第一個(gè)字符作為大寫(xiě)字符 |
font.hintingPreference::enumeration（設(shè)置文本上的首選提示）
| Font.PreferDefaultHinting | 平臺(tái)默認(rèn) |
| Font.PreferNoHinting | 如果可能，呈現(xiàn)文本而不提示字形的輪廓。文本布局將在印刷上準(zhǔn)確，使用與打印時(shí)相同的指標(biāo) |
| Font.PreferVerticalHinting? | 呈現(xiàn)文本時(shí)不帶水平提示，但沿垂直方向?qū)⒆中闻c像素網(wǎng)格對(duì)齊 |
| Font.PreferFullHinting | 在水平和垂直方向上呈現(xiàn)帶有提示的文本 |
font.weight::enumeration（設(shè)置字體粗細(xì)）
| Font.Thin | 薄 |
| Font.Light | 光 |
| Font.ExtraLight | 超光 |
| Font.Normal-the default | 默認(rèn) |
| Font.Medium | 中等 |
| Font.DemiBold | 半粗體 |
| Font.Bold | 粗體 |
| Font.ExtraBold | 額外粗體 |
| Font.Black | 黑色 |
fontSizeMode：enumeration（字體大小模型）
| Text.FixedSize | 默認(rèn) |
| Text.HorizontalFit | 使用最大尺寸，最大尺寸為指定的大小，適合不帶換行的項(xiàng)目寬度。 |
| Text.VerticalFit | 使用最大尺寸，最大尺寸為適合項(xiàng)目高度的指定尺寸 |
| Text.Fit | 使用最大尺寸，最大尺寸為指定的大小，適合項(xiàng)目的寬度和高度 |
textFotmat：enumeration 文本格式
| Text.AutoText | 默認(rèn) |
| Text.PlainText | 所有樣式標(biāo)記都被視為純文本 |
| Text.StyledText | 優(yōu)化了 HTML 3.2 中的基本富文本 |
| Text.RichText | HTML 4的子集 |
| Text.MarkdownText | CommonMark ?加上表和任務(wù)列表的?GitHub?擴(kuò)展（自 5.14 起） |
信號(hào)：
| lineLaidOut（） | 對(duì)于在布局過(guò)程中以純文本或樣式文本模式布局的每一行文本，都會(huì)發(fā)出此信號(hào)。它不會(huì)以富文本模式發(fā)出。 |
| linkActivated（） | 鏈接激活時(shí)發(fā)出 |
| linkHovered（） | 鼠標(biāo)懸停在鏈接時(shí)發(fā)出 |
例子：
Text {id: text1x:100y:100text: "hellow world"font.bold: true//粗體font.pixelSize: 20//內(nèi)容大小font.underline: true//下劃線horizontalAlignment: Text.AlignLeftTextfont.wordSpacing: 2//文字間距font.capitalization: Font.AllLowercase//以小寫(xiě)的格式顯示font.weight: Font.ExtraLight;//設(shè)置字體大小}
?