点击缩展控件的三种方式

test1

功能实现

点击伸展控件的需求还是很常见, 一般是TextView的伸缩, 因为可能要显示的文本太多, 一次性展开影响用户体能, 所以把选择权交给用户, 当然也会有性能优化方面的考虑, 这里我给出三种不同方式实现上述需求.

// 1.用Gong & Visible达到效果. 优点:简单; 缺点：浪费资源.
    public void setViewIsVisibility(View view){

        if(view == null) return;

        if (view.getVisibility() != View.VISIBLE) {
            view.setVisibility(View.VISIBLE);
        } else{
            view.setVisibility(View.GONE);
        }
    }

第一种实现方式很简单, 在xml把控件设置为不可以, 然后在监听方法里面反转控件状态即可。

// 2.用ViewStub延迟加载布局, [与第一种方式结合使用.]
        if(viewStub.getVisibility() != View.VISIBLE){
            viewStub.setVisibility(View.VISIBLE);
            llt = ((LinearLayout) findViewById(R.id.llt));
        }else {
            setViewIsVisibility(llt);
        }

第二种实现效果与第一种相同, 不过较第一种更加节省性能, 这里用到了一个叫ViewStub的控件, 这个控件的宽高都为0，默认为不可见, 当变为可见时会把 android:layout="@layout/layout_zomm_content" 这个属性里的View加载出来.当加载出来后getVisibility()方法的返回值为0. INVISIBLE = 0x00000004; VISIBLE = 0x00000000; GONE = 0x00000008; 所以我们采用结合的方式实现伸展效果.

test2.g

// 3.增加动画效果, 思路如下: 获取控件高度, 根据控件高度做值动画改变布局高度.
if(mHeight < 0){
  mHeight= getViewHeight(); // 因为我们在xml写的高度为0, 所以要重新测量.
}
----------------------------------------------------------------------
private void executeAnimation() {
  if(mHeight < 0)  return;     
  if(llt.getHeight() != 0){
    p = mHeight;
    s = 0;
   }else {
    s = mHeight;
    p = 0;
  }

  final LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) llt.getLayoutParams();
  ValueAnimator animator = ValueAnimator.ofInt(p,s);

// 此方法会随用户的点击而调用, 所以不要用内部类的形式创建, 我这里只是节省代码量, 增加阅读性(捂脸)
  animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
   @Override
    public void onAnimationUpdate(ValueAnimator animation) {

      int animatedValue = (int) animation.getAnimatedValue();
      lp.height = animatedValue;
      llt.setLayoutParams(lp);                
     }
  });

  animator.setDuration(500);
  animator.start();
}

第三种方式本来是想在xml中把布局设置为GONE然后获得布局的高度, 根据高度来做值动画, 但是把布局设置为GONE后控件高度为0.
因为无法实现所以只好重新测量控件高度, 测量代码如下.

public int getViewHeight(){
  llt.getLayoutParams().height = ViewGroup.LayoutParams.WRAP_CONTENT;
  int width = llt.getLayoutParams().width;
  int heightMeasureSpec = View.MeasureSpec.makeMeasureSpec(1000, View.MeasureSpec.AT_MOST);
  int widthMakeMeasureSpec = View.MeasureSpec.makeMeasureSpec(width, View.MeasureSpec.EXACTLY);
  llt.measure(widthMakeMeasureSpec, heightMeasureSpec);
  mHeight = llt.getMeasuredHeight();
}

其实这样写measure(0, 0) , 也能得到控件的高度, 但我想做为一名有追求的程序员还是搞清楚原因比较好.

View的测量

因为在布局文件中将控件的高度设置成0dp，所以我们首先要做的就是更改0dp, 原因也与view的测量有关, 因为view宽高受各方面影响当把View设置成match_parent时View的宽高主要受父控件影响, 设置为wrap_content它又受子View的影响, 只有当把View的宽写死时它才能自己当家做主, 基于VIew宽高的复杂性设计者把View的最终进行了双重判断, 代码如下 :

private int getRootMeasureSpec(int windowSize, int rootDimension) {  
    int measureSpec;  
    switch (rootDimension) {  
    case ViewGroup.LayoutParams.MATCH_PARENT:  
        measureSpec = MeasureSpec.makeMeasureSpec(windowSize, MeasureSpec.EXACTLY);  
        break;  
    case ViewGroup.LayoutParams.WRAP_CONTENT:  
        measureSpec = MeasureSpec.makeMeasureSpec(windowSize, MeasureSpec.AT_MOST);  
        break;  
    default:  
        measureSpec = MeasureSpec.makeMeasureSpec(rootDimension, MeasureSpec.EXACTLY);  
        break;  
    }  
    return measureSpec;  
}  

这个方法是由最外层的FrameLayout调用, 最外层的View宽高无疑是精确的,包裹整个屏幕的.如果屏幕是480*320那么windowSize就是这两个值中的一个. rootDimension又是什么呢？其实就是我们在xml中写的布局属性layout_widht值.

childWidthMeasureSpec = getRootMeasureSpec(desiredWindowWidth, lp.width);  
childHeightMeasureSpec = getRootMeasureSpec(desiredWindowHeight, lp.height);  

经历过switch语句后返回一个int类型数值，我们可以看到返回值就是MeasureSpec的三个常量与layout_xxx属性构成的.

• MeasureSpec.EXACTLY
  表示父视图希望子视图的大小应该是由specSize的值来决定的，系统默认会按照这个规则来设置子视图的大小，开发人员当然也可以按照自己的意愿设置成任意的大小。

• MeasureSpec.AT_MOST
  表示子视图最多只能是specSize中指定的大小，开发人员应该尽可能小得去设置这个视图，并且保证不会超过specSize。系统默认会按照这个规则来设置子视图的大小，开发人员当然也可以按照自己的意愿设置成任意的大小。
• MeasureSpec.UNSPECIFIED
  表示开发人员可以将视图按照自己的意愿设置成任意的大小，没有任何限制。这种情况比较少见，不太会用到。

上面的一系列操作其实与我们写的测量宽度操作是一致的，我们先获取宽度的属性参数, 然后把宽度与MeasureSpec.EXACTLY进行了合成，最后将数值传递给measure方法.

  llt.getLayoutParams().height = ViewGroup.LayoutParams.WRAP_CONTENT;
  int width = llt.getLayoutParams().width;
  int widthMakeMeasureSpec = View.MeasureSpec.makeMeasureSpec(width, View.MeasureSpec.EXACTLY);
  llt.measure(widthMakeMeasureSpec, heightMeasureSpec);

measure()方法会调用onMeasure()对于该方法我们一定不佰生, 它是个抽象方法，所以我我继承View时一定要重写该方法. 而onMeasure()方法最终会调用getDefaultSize()该方法把我们的之前的数值进行了解析.

public static int getDefaultSize(int size, int measureSpec) {  
    int result = size;  
    int specMode = MeasureSpec.getMode(measureSpec);  
    int specSize = MeasureSpec.getSize(measureSpec);  
    switch (specMode) {  
    case MeasureSpec.UNSPECIFIED:  
        result = size;  
        break;  
    case MeasureSpec.AT_MOST:  
    case MeasureSpec.EXACTLY:  
        result = specSize;  
        break;  
    }  
    return result;  
}  

AT_MOST与EXACTLY最终返回值就是measureSpec中的数值,如果measureSpec是由MeasureSpec.EXACTLY和具体的值构成(假如是480)那么最终返回值就是480。就像我们测量的宽度一样,因为getRootMeasureSpec(desiredWindowWidth, lp.width);传入的480 而我们后面也一直用的是match_parnet所以最后显示出来的也是480即包裹整个屏幕。
等等，可你测量高度怎么传入1000最后成了包裹内容呢, 而且为什么传入0也是同样的效果?? 那我们就要看是在哪里调用了getDefaultSize()

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(),
                       widthMeasureSpec), getDefaultSize(getSuggestedMinimumHeight(),
                       heightMeasureSpec));
    }
--------------------------------------------------------------
protected int getSuggestedMinimumWidth() {
        return (mBackground == null) ? mMinWidth : max(mMinWidth, mBackground.getMinimumWidth());
    }

还是什么都没有啊！！！ 原因是我们这个时候要看的不是View的onMeasure方法而具体子类的onMeasure方法, 我们在自定View时也是在onMeasure方法对自己的view进行测量的，那传入的0是什么意思？我们看0对应的是什么模式

public static final int UNSPECIFIED = 0 << MODE_SHIFT;
public static final int EXACTLY     = 1 << MODE_SHIFT;   
public static final int AT_MOST     = 2 << MODE_SHIFT;

可以看到传入0对应的是UNSPECIFIED模式, 那子类在获取模式时就会走UNSPECIFIED的判断语句里.
ViewGroup如何测量子类的呢？它会调用下面的方法.

// widthMeasureSpec 与 heightMeasureSpec 就是父View自己的组合值.
protected void measureChildren(int widthMeasureSpec, int heightMeasureSpec) {  
    final int size = mChildrenCount;  
    final View[] children = mChildren;  
    for (int i = 0; i < size; ++i) {  
        final View child = children[i];  
        // 这是解释了为什么把View设置为GONEView不占位,也无法获得高度.
        if ((child.mViewFlags & VISIBILITY_MASK) != GONE) {  
            // 儿子看爸爸脸色, 儿子的宽度受父亲影响.
            measureChild(child, widthMeasureSpec, heightMeasureSpec);  
        }  
    }  
} 
-------------------------------------------------------------------------
protected void measureChild(View child, int parentWidthMeasureSpec,  
        int parentHeightMeasureSpec) {  
    final LayoutParams lp = child.getLayoutParams();  
    final int childWidthMeasureSpec = getChildMeasureSpec(parentWidthMeasureSpec,  
            mPaddingLeft + mPaddingRight, lp.width);  
    final int childHeightMeasureSpec = getChildMeasureSpec(parentHeightMeasureSpec,  
            mPaddingTop + mPaddingBottom, lp.height);  
    child.measure(childWidthMeasureSpec, childHeightMeasureSpec);  
}