Android ImgView 속성 그림 설명

6510 단어 androidimgview
ImageView 는 인터페이스 에 그림 을 표시 하 는 컨트롤 입 니 다.
속성
1.ImageView 에 그림 설정①android:src="@drawable/img1";src 는 그림,기본 그림 등 비례 를 축소 하여 가장 적합 한 크기 로 표시 합 니 다.②android:background="@drawable/img1"background 는 구성 요소 의 일반적인 속성 으로 구성 요소 의 배경 색 을 설정 할 수 있 을 뿐만 아니 라 그림 으로 배경 을 만 들 수도 있 습 니 다.
[힌트]
① 그림 을 배경 으로 하면 그림 은 구성 요소 의 크기 에 적응 합 니 다.
② 그러나 컨트롤 이 너비 가 wrap 이 라면content 는 src 와 효과 가 같 습 니 다.
③ src 와 background 속성 을 동시에 설정 하면 src 가 설정 한 그림 은 위 에 있 고 background 가 설정 한 그림 은 위 에 있 습 니 다.src 그림 은 반드시 아래 그림 을 완전히 가 리 는 것 이 아니 라 src 의 수축 모드 에 따라 결정 된다.
④ 자원 파일 이름 은 소문 자,숫자,밑줄 로 구 성 됩 니 다.(메모:대문자 로 는 안 됩 니 다)
③ 사례
[준비]대응 하 는 그림 자원 을 res/drawable 폴 더 에 놓 을 수 있 습 니 다.이것 은 두 장의 그림 이 크기 조정 효과 가 없습니다.

【코드】

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context=".MainActivity"
  android:background="#ccc">
  <ImageView
    android:id="@+id/iv"
    android:layout_width="200dp"
    android:layout_height="300dp"
    android:background="@drawable/img1" />
  <ImageView
    android:id="@+id/iv2"
    android:layout_width="300dp"
    android:layout_height="200dp"
    android:layout_marginBottom="8dp"
    android:layout_marginEnd="8dp"
    android:background="@drawable/img2"
   app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent" />
</android.support.constraint.ConstraintLayout>
【효과】

[힌트]
【힌트】① 여기 서 background 와 src 의 차 이 를 잘 설명 하기 위해 저 희 는 ImageView 를 구체 적 인 너비 로 설정 합 니 다.
② 다른 margin 과 constraintEnd 등 속성 은 위 치 를 조정 하 는 데 만 사 용 됩 니 다.구체 적 으로 는 아버지 용기 에 따라 정 해 집 니 다.
③ 왼쪽 그림 은 background 의 효과 이 고 오른쪽 그림 은 src 의 효과 이 며 그림 을 배경 으로 추가 하지 않 아 ImageView 의 위치 와 크기 를 관찰 할 수 있다.
2,방축 속성ScaleType[code]android:scaleType="fitXY"【힌트】Scale Type 속성 은 src 속성 과 결합 하여 사용 해 야 합 니 다.background 에서 설정 한 그림 에 효과 가 없습니다.
【코드】

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context=".MainActivity"
  android:background="#ccc">
  <ImageView
    android:id="@+id/iv"
    android:layout_width="360dp"
    android:layout_height="500dp"
    android:src="@drawable/img1"
    android:background="#f00"
    android:scaleType="fitCenter"/>
</android.support.constraint.ConstraintLayout>
【속성 치】

다음은 Scale Type 의 속성 값 만 수정 합 니 다.
① fixcenter:그림 의 기본 속성 값 으로 컨트롤 을 채 워 그림 을 변형 시 키 지 않 는 다 는 뜻 입 니 다.

② fixXY:그림 이 컨트롤 을 채 우 고 그림 의 스 트 레 칭 을 허용 하 며 ImageView 의 크기 에 따라 어 울 립 니 다.background 와 효과 가 같 습 니 다.

③ centerCrop:ImageView 전 체 를 채 우 는 것 을 목적 으로 ImageView 의 중심 을 ImageView 의 중심 에 맞 추 는 등 비례 를 확대 하여 원 도 를 채 울 때 까지(ImageView 의 너비 와 높이 를 모두 채 워 야 함)원 도 는 부분 을 초과 하여 재단 처리 합 니 다.
【효과】

④ center:원본 그림 의 크기 를 유지 하고 ImageView 의 중심 에 표시 합 니 다.원본 그림 의 크기 가 ImageView 보다 크 면 왼쪽 그림 과 같이 옆 부분 이 비어 있 습 니 다.반대로 원본 그림 은 오른쪽 그림 과 같이 재단 처 리 됩 니 다.(이미지 뷰 의 크기 를 원본 그림 보다 작은 값 으로 수정 합 니 다)
【효과】

⑤ matrix:원 그림 의 크기 를 바 꾸 지 않 고 ImageView 의 왼쪽 상단 부터 원 그림 을 그립 니 다.원 도 는 부분 을 초과 하여 재단 할 것 이다.
【힌트】Matrix 로 ImageView 를 확대 하고 축소 하 는 효 과 는 ImageView 의 Scale Type 을 matrix 로 설정 해 야 합 니 다.

⑥ fitEnd:원본 그림 을 ImageView 너비 로 줄 여 아래 에 표시 합 니 다.왼쪽 그림
⑦ fitStart:원본 그림 을 비율 에 따라 ImageView 의 너비 로 줄 여 위 에 표시 합 니 다.오른쪽 그림

⑨ center Inside:원 도 를 완전히 표시 하 는 것 을 목적 으로 그림 의 내용 을 전체 가운데 에 표시 하고 비례 에 따라 축 소 된 원 도 를 통 해 너비 가 ImageView 의 너비 와 같 거나 작 습 니 다.원본 그림 이 ImageView 의 너비 보다 작 으 면 원본 그림 은 처리 하지 않 고 가운데 에 ImageView 에 표 시 됩 니 다(왼쪽 그림 참조).반대로 fix Center 와 효과 가 같 습 니 다.짧 은 쪽 을 기준 으로 그림 을 축소 하고 ImageView 의 중간 에 완전 하 게 표 시 됩 니 다(예 를 들 어 오른쪽 그림).

3.경 계 를 조정 하여 그림 에 적응android:adjustViewBounds="true/false"경계 조정 을 통 해 그림 에 적응 할 수 있 는 지 여부 입 니 다.일반적으로 이 속성 은 max Height 와 max Width 속성 과 함께 사 용 됩 니 다.최대 너비 와 높이.
[힌트]
① 설정 한 layotwidth 와 layotheight 가 모두 정 해진 값 이면 adjustView Bounds 를 설정 하 는 것 은 효과 가 없고 ImageView 는 정 해진 값 의 너비 와 높이 를 설정 합 니 다.
② 설정 한 layotwidth 와 layotheight 는 모두 wrapcontent 는 adjustView Bounds 를 설정 하 는 것 은 의미 가 없습니다.ImageView 는 항상 그림 과 같은 너비 와 높 은 비례 를 가지 기 때 문 입 니 다.(그러나 같은 너비 와 높 은 값 은 아 닙 니 다.보통 확대 합 니 다)
총결산
위 에서 말 한 것 은 편집장 님 께 서 소개 해 주신 Android ImgView 속성 입 니 다.여러분 께 도움 이 되 셨 으 면 좋 겠 습 니 다.궁금 한 점 이 있 으 시 면 댓 글 을 남 겨 주세요.편집장 님 께 서 바로 답 해 드 리 겠 습 니 다!

좋은 웹페이지 즐겨찾기