一、ImageView
1朝捆、設(shè)置圖片的顯示方式
resizeMode enum('cover', 'contain', 'stretch', 'repeat', 'center')
決定當(dāng)組件尺寸和圖片尺寸不成比例的時(shí)候如何調(diào)整圖片的大小。
cover: 在保持圖片寬高比的前提下縮放圖片,直到寬度和高度都大于等于容器視圖的尺寸(如果容器有padding內(nèi)襯的話亲铡,則相應(yīng)減去)。譯注:這樣圖片完全覆蓋甚至超出容器葡兑,容器中不留任何空白奖蔓。
contain: 在保持圖片寬高比的前提下縮放圖片,直到寬度和高度都小于等于容器視圖的尺寸(如果容器有padding內(nèi)襯的話讹堤,則相應(yīng)減去)吆鹤。譯注:這樣圖片完全被包裹在容器中,容器中可能留有空白
stretch: 拉伸圖片且不維持寬高比洲守,直到寬高都剛好填滿容器疑务。
repeat: 重復(fù)平鋪圖片直到填滿容器。圖片會(huì)維持原始尺寸梗醇。僅iOS可用暑始。
center:居中不拉伸。
屬性:
accessible:表示此視圖時(shí)一個(gè)啟用了無(wú)障礙功能的元素婴削。默認(rèn)為true
onMagicTap:當(dāng)accessible為true時(shí)廊镜,雙擊View會(huì)調(diào)用此函數(shù)。
onMoveShouldSetResponder:觸摸控件并滑動(dòng)時(shí)調(diào)用的方法
onMoveShouldSetResponderCapture:觸摸控件并滑動(dòng)時(shí)調(diào)用的方法,避免子視圖響應(yīng)
onResponderMove:用戶在View上移動(dòng)手指調(diào)用
onResponderRelease:結(jié)束觸摸時(shí)調(diào)用
pointerEvents:控制當(dāng)前視圖是否可以觸控'box-none', 'none', 'box-only', 'auto'
二唉俗、View
屬性:
accessible:表示此視圖時(shí)一個(gè)啟用了無(wú)障礙功能的元素嗤朴。默認(rèn)為true
onMagicTap:當(dāng)accessible為true時(shí)配椭,雙擊View會(huì)調(diào)用此函數(shù)。
onMoveShouldSetResponder:觸摸控件并滑動(dòng)時(shí)調(diào)用的方法
onMoveShouldSetResponderCapture:觸摸控件并滑動(dòng)時(shí)調(diào)用的方法,避免子視圖響應(yīng)
onResponderMove:用戶在View上移動(dòng)手指調(diào)用
onResponderRelease:結(jié)束觸摸時(shí)調(diào)用
pointerEvents:控制當(dāng)前視圖是否可以觸控'box-none', 'none', 'box-only', 'auto'
樣式:
width:寬度
height:高度
backgroundColor:背景顏色
backfaceVisibility:是否顯示翻轉(zhuǎn)'visible'雹姊,'hidden'
borderColor:邊框顏色
borderWidth:邊框?qū)挾?br>
borderRadius:邊框圓角半徑
borderStyle:邊框樣式'solid'實(shí)線股缸,'dotted'點(diǎn), 'dashed'虛線
borderTopColor:上邊框顏色
borderTopWidth:上邊框?qū)挾?br>
borderTopLeftRadius:左上角邊框圓角的半徑
borderTopRightRadius:右上角邊框圓角的半徑
overflow:內(nèi)容超過容器時(shí)超出顯示還是隱藏'visible'吱雏, 'hidden'
opacity:透明度