안드로이드 타임라인 효과 및 ListView 클릭 효과 구현

3316 단어
  • 타임라인의 구성
  • 첫 번째 - 타임라인은 item 안
  • 두 번째 - 타임라인이 바깥쪽에 있음
  • 세 번째 - 클릭 애니메이션이 있는 타임라인 효과
  • 원본 다운로드
  • 일반적인 시간축 효과는listview로 이루어진다. 일반적으로 원점, 시간선과 문자 세 가지 컨트롤로 구성되어 있으며, 시간선은listview에 넣을 수도 있고listview의 아버지 레이아웃에 넣을 수도 있다.먼저 다음 세 가지 효과를 살펴보겠습니다.**
    1. 첫 번째--타임라인은 item 안에 있다
    이것은 가장 간단한 시간축 실현 방식이다. 모든 컨트롤은 item 안에 있고 아래는 레이아웃 파일이다.
  • item_first.xml
  • 
    
    
        
    
        
    
        
    
    

    2. 두 번째--타임라인은 밖에
    이런 실현 방식은 선이 ListView 밖에 있는 것이다. 이렇게 하면 선이 끊어지지 않는다. 다른 컨트롤러는 item 안에 있고 아래는 레이아웃 파일이다.
  • item_second.xml
  • 
    
    
        
    
        
        
    
    

    3. 세 번째 - 클릭 애니메이션 타임라인 효과
    첫 번째와 두 번째 시간선은 모두 정적이다. 때때로 우리는ListView가 선택한 후의 효과를 실현하고 싶다. 다음에 두 번째 시간선을 바탕으로 선택한 애니메이션과point를 바꾸는 그림을 실현한다.
  • adapter에 현재 선택된position의 위치를 기록하는 표시를 설정합니다public int point; //
  • adapter의 getView ()에서 선택한 item
  • 을 설정합니다
    if (position == point){  //        
                viewHold.image.setImageResource(R.drawable.point1);
                //     
                Animation scaleAnimation = new ScaleAnimation(1.0f, 1.5f,1.0f,1.5f,0,0.5f,Animation.ZORDER_BOTTOM,0.5f);
                //      
                scaleAnimation.setDuration(500);
                scaleAnimation.setFillAfter(true);
                //       
                viewHold.thirdText.startAnimation(scaleAnimation);
            }
    
  • item의 클릭 이벤트 중
  • public void onItemClick(AdapterView> parent, View view, int position, long id) {
            //  point    point 
            thirdAdapter.point = position;
            //  listview
            thirdAdapter.notifyDataSetChanged();
            thirdListView.setAdapter(thirdAdapter);
        }
    

    이 중법은 item을 클릭할 때 현재 레이아웃의 내용을 동적으로 바꾸는 데 사용될 수 있으며 많은 사용법을 확장할 수 있지만 성능상 최적화가 필요하다.
    원본 클릭 다운로드

    좋은 웹페이지 즐겨찾기