现在的位置: 首页 > 综合 > 正文

源自梦想 自定义ViewGroup的整理_2

2017年12月13日 ⁄ 综合 ⁄ 共 2305字 ⁄ 字号 评论关闭

Android项目:

1.准备资源图片。图片放到hdip里和mdip里对想过的影响:对于320*480的模拟器,默认去mdip里去找图片资源,拿过来的图片可以直接用,清晰度不变。要是所要找的图片在hdip里,这里的图片默认是高分辨率效果的,而屏幕是中等分辨率的屏幕,那么拿到hdip里的图片后,会对图片进行压缩(大约60%)。显示出来的图片就会变得模糊了。

2.使用自定义的ViewGroupMyScrollView)实现ViewPager的效果,创建继承ViewGroup的类,实现onLayout方法,这个方法的作用:当继承一个ViewGroup的时候,系统会要求告知ViewGroup中子View的排列方式(指定子View的位置);实现VIewGroup的三个构造方法;

3.自定义的ViewGroup先写到这,再看看主Activity怎么写。首先定义图片资源的引用(id),然后使用for循环将这些图片放到自定义的ViewGroup里面。

for (int i = 0; i < ids.length; i++) {

ImageView image = new ImageView(this);

//image.setBackgroundResource(ids[i]);

image.setImageResource(ids[i]);

msv.addView(image);

}

图片有了之后,再创建自定义的MyScrollView对象msv。并将image对象放到msv中。

这时候就可以setContentView(msv)

4.在MyScrollView的构造方法中,调用初始化方法init()。实现onLayout方法,使子View从左到右依次排列,并且每一个View都占整个屏幕的大小。效果如下图:

 

这就需要在onLayout方法中给每一个子View指定一个位置。

@Override

protected void onLayout(boolean changed, int l, int t, int r, int b) {

for (int i = 0; i < getChildCount(); i++) {

View view = getChildAt(i);

view.layout(i*getWidth(), 0, (1+i)*getWidth(), getHeight());

}

}

要想看到右面未显示的View的内容,就要把它滑到屏幕中,这就需要实现Touch事件。要使用GestureDetector实现手势解析,我们创建一个GestureDetector对象detector,并实现它的onGestureListener()监听方法,这时会让我们重写很多方法,这些方法都是在某个特定事件发生的时候执行。

然后我们重写onTouchEvent方法,这时候就可以使用detector解析touch事件而不是switchevent.getAction())方式了。

detector.onTouchEvent(event);

然后实现onGestureListener里的onScroll方法,在这里使用scrollBy方法,穿进去偏移量。

做了以上事情,就可以初步完成滑动的效果了。

 

现在希望,在滑动后手指抬起时当前图片可以自动回到占满屏幕的位置。

这就需要我们在onTouchEvent方法中对MotionEvent.ACTION_UP进行处理。判断哪张图片应该放到屏幕上去。这个处理可以创建一个方法来实现,moveToDest()

 

 

/**

 * 移动到适当的位置上

 */

private void moveToDest() {

int destId = (getScrollX()+getWidth()/2)/getWidth();

if(destId>getChildCount()-1){

destId=getChildCount()-1;

}

moveToDest(destId);

}

 

/**

 * 将指定下标的图片移动至屏幕

 * @param destId    distance:图片需要移动的距离

 */

public void moveToDest(int destId) {

int distance = destId*getWidth()-getScrollX();

scrollBy(distance, 0);

}

这样就可以实现ViewPager效果。但是这样还是比较生硬,这时候可以加一个在BaiHeTest中实现的动画效果。

创建MyScroller对象,使用scroller代替scrollBy

myScroller.startScroll(getScrollX(), getScrollY(), distance, 0,Math.abs(distance));

invalidate();

然后还得重写computeScroll()方法,设置mScroller滚动的位置时,并不会导致View的滚动,通常是用mScroller记录/计算View滚动的位置,再重写View的computeScroll(), 完成实际的滚动。

public void computeScroll() {

if(myScroller.computeScrollOffset()){

int x = myScroller.getCurrX();

scrollTo(x, 0);

invalidate();

}

}

computeScrollOffset()这个方法,如果动画还在执行就返回true,如果动画不执行了,就返回false。不断的移动和刷新。

抱歉!评论已关闭.