Android 에서 ViewStub 를 사용 하여 레이아웃 최적화

9393 단어 AndroidViewStub
Android 개발 에서 View 는 우리 가 반드시 접 해 야 할 전시 용 기술 입 니 다.일반적인 상황 에서 View 보기 가 점점 복잡 해 지면 서 전체적인 레이아웃 의 성능 도 떨 어 집 니 다.여기 서 특정한 장면 에서 레이아웃 성능 을 향상 시 키 는 View 를 소개 합 니 다.이것 이 바로 ViewStub 입 니 다.
ViewStub 이 뭐 예요?
  • ViewStub 는 View 의 하위 클래스
  • 보이 지 않 습 니 다.크기 는 0
  • 입 니 다.
  • 레이아웃 자원 로드 지연
  • 주,Stub 에 대한 설명
    A stub is a small program routine that substitutes for a longer program, possibly to be loaded later or that is located remotely
    자바 에서 말뚝 은 관련 코드 나 실현 되 지 않 은 코드 를 대체 하 는 코드 를 말한다.
    ViewStub 사용 필드
     
    위의 그림 에서 보 듯 이
  • 하나의 ListView 는 뉴스,상업,과학기술 등 Item
  • 을 포함한다.
  • 각 아 이 템 은 각자 대응 하 는 하위 화 제 를 포함 하고 있다.
  • 하지만 하위 화제 의 View(파란색 구역)는 전개 단 추 를 눌 러 야만 진정 으로 불 러 올 수 있 습 니 다.
  • 하위 화 제 를 기본적으로 불 러 오 는 View 는 메모리 사용량 과 CPU 소 모 를 초래 합 니 다.
  • 그래서 이 럴 때 ViewStub 가 도움 이 됩 니 다.ViewStub 를 사용 하면 레이아웃 자원 을 불 러 오 는 것 을 지연 시 킬 수 있 습 니 다.
    ViewStub 는 어떻게 사용 합 니까?
    레이아웃 파일 에 ViewStub 탭 사용 하기
    
    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:paddingLeft="@dimen/activity_horizontal_margin"
      android:paddingRight="@dimen/activity_horizontal_margin"
      android:paddingTop="@dimen/activity_vertical_margin"
      android:paddingBottom="@dimen/activity_vertical_margin"
      tools:context="com.droidyue.viewstubsample.MainActivity">
    
     <Button
       android:id="@+id/clickMe"
       android:text="Hello World!"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"/>
     
     <ViewStub
       android:id="@+id/myViewStub"
       android:inflatedId="@+id/myInflatedViewId"
       android:layout="@layout/include_merge"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_below="@id/clickMe"
     />
    </RelativeLayout>
    
    
    2.코드 에서 inflate 레이아웃
    
    ViewStub myViewStub = (ViewStub)findViewById(R.id.myViewStub);
    if (myViewStub != null) {
     myViewStub.inflate();
     //          
     //myViewStub.setVisibility(View.VISIBLE);
    }
    
    ViewStub 에 대해 서.
    inflate 방법 외 에 setVisibility()방법 으로 레이아웃 파일 을 불 러 올 수 있 습 니 다.
    레이아웃 불 러 오기 가 완료 되면 ViewStub 는 현재 레이아웃 단계 에서 삭 제 됩 니 다.
    android:id 는 ViewStub ID 를 지정 합 니 다.ViewStub 를 찾 아 로드 지연 에 사용 합 니 다.
    android:layot 로 딩 지연 레이아웃 의 자원 id
    android:inflatedId 가 불 러 온 레이아웃 을 다시 쓴 id 입 니 다.여 기 는 RelativeLayout 의 id 입 니 다.
    ViewStub 의 부족 함
    공식 문서 에는 이런 설명 이 있다.
    Note: One drawback of ViewStub is that it doesn't currently support the tag in the layouts to be inflated.
    ViewStub 에서탭 을 지원 하지 않 는 다 는 뜻 입 니 다.
    태그 가 지원 되 지 않 는 정도 에 대해 간단 한 검증 을 진행 합 니 다.
    인증 1:직접 태그
    다음 과 같이 저 희 는 merge 라 는 레이아웃 파일 이 있 습 니 다.layout.xml
    
    <merge xmlns:android="http://schemas.android.com/apk/res/android">
    
     <Button
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:text="Yes"/>
    
     <Button
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:text="No"/>
    
    </merge>
    
    
    대응 하 는 ViewStub 의 android:layot 속성 값 을 바 꾼 후 실행 후(Button 단 추 를 누 르 면)다음 과 같은 충돌 이 발생 합 니 다.
     E AndroidRuntime: android.view.InflateException: Binary XML file line #1: can be used only with a valid ViewGroup root and attachToRoot=true
     E AndroidRuntime:         at android.view.LayoutInflater.inflate(LayoutInflater.java:551)
     E AndroidRuntime:         at android.view.LayoutInflater.inflate(LayoutInflater.java:429)
     E AndroidRuntime:         at android.view.ViewStub.inflate(ViewStub.java:259)
     E AndroidRuntime:         at com.droidyue.viewstubsample.MainActivity$1.onClick(MainActivity.java:20)
     E AndroidRuntime:         at android.view.View.performClick(View.java:5697)
     E AndroidRuntime:         at android.widget.TextView.performClick(TextView.java:10815)
     E AndroidRuntime:         at android.view.View$PerformClick.run(View.java:22526)
     E AndroidRuntime:         at android.os.Handler.handleCallback(Handler.java:739)
     E AndroidRuntime:         at android.os.Handler.dispatchMessage(Handler.java:95)
     E AndroidRuntime:         at android.os.Looper.loop(Looper.java:158)
     E AndroidRuntime:         at android.app.ActivityThread.main(ActivityThread.java:7237)
     E AndroidRuntime:         at java.lang.reflect.Method.invoke(Native Method)
     E AndroidRuntime:         at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:1230)
     E AndroidRuntime:         at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1120)
     E AndroidRuntime: Caused by: android.view.InflateException: can be used only with a valid ViewGroup root and attachToRoot=true
     E AndroidRuntime:         at android.view.LayoutInflater.inflate(LayoutInflater.java:491)
     E AndroidRuntime:         ... 13 more
    이 를 통 해 알 수 있 듯 이 직접적인태그,ViewStub 는 지원 되 지 않 습 니 다.
    간접 뷰 스 텁 검증
    아래 레이아웃 은 merge 탭 을 간접 적 으로 사 용 했 습 니 다.파일 이름 은 include 입 니 다.merge.xml
    
    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
      <include layout="@layout/merge_layout"/>
    </LinearLayout>
    
    그리고 ViewStub 의 android:layot 값 을 수정 하고 실행 합 니 다.모든 것 이 정상 입 니 다.
    그 밖 에 이 사례 는 ViewStub 도태그 에 대한 지원 이 양호 하 다 는 것 을 검증 했다.
    ViewStub 에 대한 약간의 코드 분석
    inflate vs setVisibility
    inflate 와 setVisibility 의 공통점 은 로 딩 레이아웃 을 실현 할 수 있다 는 것 이다.
    
    /**
      * When visibility is set to {@link #VISIBLE} or {@link #INVISIBLE},
      * {@link #inflate()} is invoked and this StubbedView is replaced in its parent
      * by the inflated layout resource.
      *
      * @param visibility One of {@link #VISIBLE}, {@link #INVISIBLE}, or {@link #GONE}.
      *
      * @see #inflate() 
      */
     @Override
     public void setVisibility(int visibility) {
      if (mInflatedViewRef != null) {
       View view = mInflatedViewRef.get();
       if (view != null) {
        view.setVisibility(visibility);
       } else {
        throw new IllegalStateException("setVisibility called on un-referenced view");
       }
      } else {
       super.setVisibility(visibility);
       if (visibility == VISIBLE || visibility == INVISIBLE) {
        inflate();
       }
      }
     }
    
    setVisibility 는 ViewStub 의 첫 번 째 초기 화 지연 시,visibility 가 GONE 가 아 닐 때 inflate 방법 을 호출 했 습 니 다.
    inflate 소스 코드
    아래 의 inflate 방법 을 읽 으 면 더욱 이해 할 수 있 습 니 다.
  • android:inflatedId 의 용도
  • ViewStub 초기 화 후 보기 단계 에서 제거
  • ViewStub 의 layout Parameters 응용
  • mInflatedViewRef 는 약 한 인용 형식 을 통 해 ViewStub 와 불 러 온 View 의 관 계 를 구축 합 니 다.

  • 
    /**
      * Inflates the layout resource identified by {@link #getLayoutResource()}
      * and replaces this StubbedView in its parent by the inflated layout resource.
      *
      * @return The inflated layout resource.
      *
      */
     public View inflate() {
      final ViewParent viewParent = getParent();
    
      if (viewParent != null && viewParent instanceof ViewGroup) {
       if (mLayoutResource != 0) {
        final ViewGroup parent = (ViewGroup) viewParent;
        final LayoutInflater factory = LayoutInflater.from(mContext);
        final View view = factory.inflate(mLayoutResource, parent,
          false);
    
        if (mInflatedId != NO_ID) {
         view.setId(mInflatedId);
        }
    
        final int index = parent.indexOfChild(this);
        parent.removeViewInLayout(this);
    
        final ViewGroup.LayoutParams layoutParams = getLayoutParams();
        if (layoutParams != null) {
         parent.addView(view, index, layoutParams);
        } else {
         parent.addView(view, index);
        }
    
        mInflatedViewRef = new WeakReference<View>(view);
    
        if (mInflateListener != null) {
         mInflateListener.onInflate(this, view);
        }
    
        return view;
       } else {
        throw new IllegalArgumentException("ViewStub must have a valid layoutResource");
       }
      } else {
       throw new IllegalStateException("ViewStub must have a non-null ViewGroup viewParent");
      }
     }
    
    
    ViewStub 에 관 한 연 구 는 바로 이러한 것 입 니 다.여러분 들 이 보 기 를 최적화 하 는 데 도움 이 되 고 시사 점 이 되 기 를 바 랍 니 다.

    좋은 웹페이지 즐겨찾기