노트북 3 Image

1902 단어

Image 어셈블리의 기본 사용
현재 항목 (로컬) 에서 그림 불러오기

사진 주소는 꼭 맞춰주세요.
앱에 있는 그림을 불러오기 (즉android나 OS 디렉터리에 있는 그림)

이 그림을 불러올 때 파일 이름만 사용하고 경로도 없고 접미사도 없습니다.
네트워크에서 그림 로드

네트워크에서 그림 테이프 파라미터를 불러옵니다

이거는 저희가 지목할 수 있어요.
배경 그림

  
    Inside

이 배경 그림은 저희 인터넷 배경 그림일 수도 있고 저희 로컬 배경 그림일 수도 있습니다.
Image 어셈블리의 공통 속성
속성 방법

onLayout(function):Image 레이아웃이 바뀌면 이 방법을 호출합니다. 호출된 코드는 {nativeEvent: {layout: {x, y,width,height}입니다.

onLoad(function) 그림을 불러온 후에 이 방법

을 되돌려줍니다.

onLoadEnd(function) 그림을 불러오는 데 실패하면 이 방법을 되돌려줍니다

onLoadStart(fcuntion) 그림을 불러오기 시작할 때 이 방법을 사용합니다

resizeMode 축소 비율, 선택할 수 있는 매개 변수('cover','contain','stretch')는 그림의 사이즈가 레이아웃의 사이즈를 초과할 때 설정된 Mode에 따라 축소하거나 재단한다

source {uri:string}는 그림의 인용을 표시합니다. 이 인자는 네트워크 URL 주소나 로컬 경로

로 사용할 수 있습니다.
스타일 스타일 속성

유연한 케이스 스타일 지원

Transforms는 속성 애니메이션 지원

backgroundColor 배경색

borderColor 테두리 색상

borderRadius 경계 원각

오버플로우 설정 그림 크기가 용기를 초과하면 표시하거나 숨길 수 있음('visible','hidden')

tintColor 색상 설정

opacity 설정 불투명도 0.0(투명) -1.0(완전 불투명)

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다