如何在滑动时更改图像视图背景?

时间:2013-11-04 12:36:57

标签: android swipe gesture

例如,必须绘制图像布局。

我将ImageView夸大了一个布局。当我在屏幕上滑动时,我需要将每个圆圈的颜色更改为绿色。我该怎么办我尝试使用手势探测器,但我无法得到我需要的东西。

screen shot

这是我的代码..我通过膨胀图像视图来创建这个视图..

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        getWindow().addFlags(1024);
        setContentView(R.layout.test);
        DisplayMetrics displaymetrics = new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(displaymetrics);
        height = displaymetrics.heightPixels;
        width = displaymetrics.widthPixels;
        count = width/30;
        totalCircles = count * (height/30);
        horizontalSpace = width%30;
        verticalSpace = height%30;
        mRelativeLayout = (RelativeLayout)findViewById(R.id.fl);
        mRelativeLayout.setPadding(horizontalSpace/2, verticalSpace/2, horizontalSpace/2, verticalSpace/2);
        for(int i=1;i<totalCircles+1;i++){
             myButton = new ImageView(this);
             myButton.setId(i);
             myButton.setImageResource(R.drawable.circle_grey);
             LayoutParams lp = new LayoutParams(0,0);
             if(i%count != 1){
                 lp.addRule(RelativeLayout.RIGHT_OF, imgViews.get(i-2).getId()); 
                 if(imView != null){
                     lp.addRule(RelativeLayout.BELOW, imView.getId()); 
                 }
                 if(i%count == 0){
                     imView = myButton;
                 }
             }else{
                 if(imView != null){
                     lp.addRule(RelativeLayout.BELOW, imView.getId()); 
                 }
             }

             mRelativeLayout.addView(myButton,lp);
             myButton.getLayoutParams().width = 30;
             myButton.getLayoutParams().height = 30;
             imgViews.add(myButton);
             myButton.setOnTouchListener(new OnTouchListener() {

                @Override
                public boolean onTouch(View v, MotionEvent event) {
                     if(event.getAction() == MotionEvent.ACTION_DOWN){
                         System.out.println("Inside touch listener");
                            ImageView imV = (ImageView)v;
                            imV.setImageResource(R.drawable.circle_green);
                     }

                    return false;
                }
            });

        }
    }

3 个答案:

答案 0 :(得分:2)

Jack K Fouani的回答是部分正确的。而不是imagView.onTouch,您需要使用gridview.onTouch。 请检查此样本。

gv.setOnTouchListener(new OnTouchListener() {
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            float currentXPosition = event.getX();
            float currentYPosition = event.getY();
            int position = gv.pointToPosition((int)currentXPosition, (int) currentYPosition);
            //using the position obtained you can change the imageview color.           
            }

            return true;
        }
    });

答案 1 :(得分:0)

而不是给一个ImageView充气。您应该填充GridView,其中每个GridCell都包含一个圆形图像。现在 设置这些Gridcells的OnTouchEvent以更改GridCell中的ImageView。

答案 2 :(得分:0)

我的建议是使用带有适配器的GrideView,在每个position的适配器内部imagView,该位置允许您检查图像是否被触摸,具体取决于您可以将ImageView颜色更改为白色或绿色