How can I create a sliding layout, like the main android menu?

前端 未结 4 1159
天涯浪人
天涯浪人 2021-02-04 17:27

I need to create an application with 4 view. I need to pass from a view to an other simply by a touch and a move to the left or to the right (no button). The effect I would like

4条回答
  •  死守一世寂寞
    2021-02-04 17:56

    Finally I made it. This is my solution. First of all you need to define a main layout, that contains the child layout.

    
    
    
    
    
        
        
    
    
    
    
    
    

    where page_1 and page_2 are the layout that I need to exchange. Those layout are absolutely standard layout, made as you prefear.

    Then you need an activity:

    public class Main extends Activity {
    
        private ViewFlipper vf;
    
        private float oldTouchValue;
    
        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
    
            vf=(ViewFlipper)findViewById(R.id.ViewFlipper01);
        }
    
        @Override
        public boolean onTouchEvent(MotionEvent touchevent) {
            switch (touchevent.getAction())
            {
                case MotionEvent.ACTION_DOWN:
                {
                    oldTouchValue = touchevent.getX();
                    break;
                }
                case MotionEvent.ACTION_UP:
                {
                    //if(this.searchOk==false) return false;
                    float currentX = touchevent.getX();
                    if (oldTouchValue < currentX)
                    {
                       vf.setInAnimation(inFromLeftAnimation());
                       vf.setOutAnimation(outToRightAnimation());
                        vf.showNext();
                    }
                    if (oldTouchValue > currentX)
                    {
                        vf.setInAnimation(inFromRightAnimation());
                        vf.setOutAnimation(outToLeftAnimation());
                        vf.showPrevious();
                    }
                break;
                }
            }
            return false;
        }
    
        //for the previous movement
        public static Animation inFromRightAnimation() {
    
            Animation inFromRight = new TranslateAnimation(
            Animation.RELATIVE_TO_PARENT,  +1.0f, Animation.RELATIVE_TO_PARENT,  0.0f,
            Animation.RELATIVE_TO_PARENT,  0.0f, Animation.RELATIVE_TO_PARENT,   0.0f
            );
            inFromRight.setDuration(350);
            inFromRight.setInterpolator(new AccelerateInterpolator());
            return inFromRight;
            }
        public static Animation outToLeftAnimation() {
            Animation outtoLeft = new TranslateAnimation(
             Animation.RELATIVE_TO_PARENT,  0.0f, Animation.RELATIVE_TO_PARENT,  -1.0f,
             Animation.RELATIVE_TO_PARENT,  0.0f, Animation.RELATIVE_TO_PARENT,   0.0f
            );
            outtoLeft.setDuration(350);
            outtoLeft.setInterpolator(new AccelerateInterpolator());
            return outtoLeft;
            }    
        // for the next movement
        public static Animation inFromLeftAnimation() {
            Animation inFromLeft = new TranslateAnimation(
            Animation.RELATIVE_TO_PARENT,  -1.0f, Animation.RELATIVE_TO_PARENT,  0.0f,
            Animation.RELATIVE_TO_PARENT,  0.0f, Animation.RELATIVE_TO_PARENT,   0.0f
            );
            inFromLeft.setDuration(350);
            inFromLeft.setInterpolator(new AccelerateInterpolator());
            return inFromLeft;
            }
        public static Animation outToRightAnimation() {
            Animation outtoRight = new TranslateAnimation(
             Animation.RELATIVE_TO_PARENT,  0.0f, Animation.RELATIVE_TO_PARENT,  +1.0f,
             Animation.RELATIVE_TO_PARENT,  0.0f, Animation.RELATIVE_TO_PARENT,   0.0f
            );
            outtoRight.setDuration(350);
            outtoRight.setInterpolator(new AccelerateInterpolator());
            return outtoRight;
            }    
    }
    

    Tada! Done!

提交回复
热议问题