學(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è)置字體大小}
?