안 드 로 이 드 라운드 이미지 전시 효과 구현
논 리 를 실현 하 다
1. XML 레이아웃 파일 을 만 들 고 ViewPager 를 사용 하여 라운드 그림 을 완성 합 니 다.
2. ViewPager 컨트롤 을 초기 화하 고 컨트롤 에 어댑터 를 설정 합 니 다. 만 든 어댑터 는 네 가지 방법 을 실현 합 니 다.
3. 네 가지 방법 은 getCount isView FromObject instantiate Item destroy Item
4. onCreate 방법 에서 그림 자원 을 불 러 오고 그림 ID 를 집합 에 저장 하여 그림 을 페이지 에 표시 할 수 있 도록 합 니 다. (그림 이 페이지 에 표 시 될 수 있 는 이 유 는 어댑터 의 instantiate Item 방법 에서 집합 중인 그림 요 소 를 가 져 왔 기 때 문 입 니 다)
5. 그림 아래 의 텍스트 표시: 그림 아래 에 텍스트 가 있 는 이 유 는 컨트롤 을 초기 화하 여 ViewPager 모니터 의 onPage Selected 방법 에서 tvdesc.setText(descs[position]);이렇게 하면 문자 가 그림 에 따라 전환 할 수 있 습 니 다.
6. 텍스트 아래 의 작은 원점 전환: XML 레이아웃 에 Linlayout 레이아웃 을 설정 한 다음 onCreate 방법 에 작은 원점 을 설정 하고 LinearLayout. LayoutParams layout Params = new LinearLayout. LayoutParams (10, 10) 를 통 해 설정 합 니 다.의 방법 으로 작은 원점 을 도입 합 니 다 (구체 적 인 코드 는 아래 의 initDot 방법 을 참고 할 수 있 습 니 다)
7. 작은 원점 을 페이지 전환 에 따라 전환 시 키 려 면 아래 changeDots 방법 을 정의 하여 모니터 의 onPage Selected 방법 에서 호출 할 수 있 습 니 다.
8. 그림 의 무한 라운드 방송의 실현: 어댑터 의 getCount 반환 값 을 매우 큰 값 으로 설정 할 수 있 으 며, 인 스 턴 트 Item 방법 에 position position = position% image ResIds. length 를 설정 할 수 있 습 니 다.색인 크로스 오 버 이상 을 방지 하면 그림 을 무한 라운드 로 재생 할 수 있 습 니 다. 그러나 이때 또 하나의 문 제 는 오른쪽 은 무한 라운드 로 방송 할 수 있 지만 왼쪽 은 무한 라운드 로 방송 할 수 없습니다. 이 문제 의 해결 방법 은 onCreate 방법 에서 현재 선택 한 항목 view Pager. setCurrent Item (count / 2) 을 설정 하 는 것 입 니 다.이렇게 양쪽 다 무한 윤방 이 가능 해 요.
9. 그림 자동 전환 처리: handler 체 제 를 사용 하여 페이지 의 지연 업 데 이 트 를 실현 하 는 동시에 메모리 가 넘 치지 않도록 페이지 에서 볼 때, 즉 activity 의 onStart 방법 에서 메 시 지 를 보 내 고 페이지 가 사라 질 때, 즉 onStop 방법 에서 메 시 지 를 삭제 해 야 합 니 다.
레이아웃 파일
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
xml version = "1.0" encoding = "utf-8" ?> < RelativeLayout xmlns:android = "http://schemas.android.com/apk/res/android" xmlns:tools = "http://schemas.android.com/tools" android:id = "@+id/activity_main" android:layout_width = "match_parent" android:layout_height = "match_parent" tools:context = "com.example.a2_.MainActivity" > < android.support.v4.view.ViewPager android:id = "@+id/vp" android:layout_width = "match_parent" android:layout_height = "250dp" > android.support.v4.view.ViewPager >
< LinearLayout android:orientation = "vertical" android:gravity = "center" android:background = "#66000000" android:layout_alignBottom = "@id/vp" android:layout_width = "match_parent" android:layout_height = "50dp" > < TextView android:id = "@+id/desc" android:text = " " android:textColor = "#ffffff" android:layout_width = "wrap_content" android:layout_height = "wrap_content" /> < LinearLayout android:id = "@+id/layout_dot" android:orientation = "horizontal" android:layout_width = "wrap_content" android:layout_height = "wrap_content" > LinearLayout >
LinearLayout >
RelativeLayout >
핵심 코드
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 package com.example.a2_; import android.os.Handler; import android.os.Message; import android.support.v4.view.PagerAdapter; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.TextView; import java.util.ArrayList; public class MainActivity extends AppCompatActivity { private static final int UPDATE_ITEM = 1 ; private ArrayList imageViews = new ArrayList<>(); private int [] imageResIds = {R.mipmap.icon_1, R.mipmap.icon_2, R.mipmap.icon_3, R.mipmap.icon_4, R.mipmap.icon_5}; private String[] descs = { " " , " " , " " , "Google/IO" , " 1w+" }; private ViewPager viewPager; private TextView tv_desc; private LinearLayout layout_dot; private int count = 10000000 ; private Handler handler = new Handler() { @Override public void handleMessage(Message msg) { switch (msg.what) { case UPDATE_ITEM: upDataItem(); break ; } super .handleMessage(msg); } }; @Override protected void onCreate(Bundle savedInstanceState) { super .onCreate(savedInstanceState); setContentView(R.layout.activity_main); // viewPager = (ViewPager) findViewById(R.id.vp); tv_desc = (TextView) findViewById(R.id.desc); layout_dot = (LinearLayout) findViewById(R.id.layout_dot); // viewPager viewPager.setAdapter( new MyPagerAdapter()); // viewPager viewPager.addOnPageChangeListener( new ViewPager.OnPageChangeListener() { // @Override public void onPageScrolled( int position, float positionOffset, int positionOffsetPixels) { } // @Override public void onPageSelected( int position) { // position position = position % imageViews.size(); // , tv_desc.setText(descs[position]); changeDots(position); } // @Override public void onPageScrollStateChanged( int state) { // if (state == viewPager.SCROLL_STATE_IDLE) { handler.sendEmptyMessageDelayed(UPDATE_ITEM, 3000 ); } else { handler.removeMessages(UPDATE_ITEM); } } }); // initImage(); // initDot(); // , // initDescFirst(); // viewPager.setCurrentItem(count / 2 ); // upDataItem(); } private void upDataItem() { int index = viewPager.getCurrentItem(); viewPager.setCurrentItem(++index); handler.sendEmptyMessageDelayed(UPDATE_ITEM, 3000 ); } // private void changeDots( int position) { // for ( int i = 0 ; i < layout_dot.getChildCount(); i++) { View view = layout_dot.getChildAt(i); view.setSelected( false ); } // layout_dot.getChildAt(position).setSelected( true ); } // private void initDot() { LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams( 10 , 10 ); layoutParams.setMargins( 4 , 4 , 4 , 4 ); for ( int i = 0 ; i < imageViews.size(); i++) { View view = new View( this ); view.setBackgroundResource(R.drawable.seletor_dot); view.setLayoutParams(layoutParams); layout_dot.addView(view); } } // , private void initDescFirst() { tv_desc.setText(descs[ 0 ]); changeDots( 0 ); } // , ImageView , instantiateItem private void initImage() { for ( int i = 0 ; i < imageResIds.length; i++) { // ImageView ImageView imageView = new ImageView(getApplicationContext()); imageView.setImageResource(imageResIds[i]); imageViews.add(imageView); } } private class MyPagerAdapter extends PagerAdapter { @Override public int getCount() { return count; } @Override public boolean isViewFromObject(View view, Object object) { // view instantiateItem return view == object; } // @Override public Object instantiateItem(ViewGroup container, int position) { position = position % imageResIds.length; // ImageView imageView = imageViews.get(position); container.addView(imageView); return imageView; } // ,, , @Override public void destroyItem(ViewGroup container, int position, Object object) { // container.removeView((View) object); } } @Override protected void onStart() { super .onStart(); // , handler.sendEmptyMessageDelayed(UPDATE_ITEM, 3000 ); } @Override protected void onStop() { super .onStop(); // , handler.removeCallbacksAndMessages( null ); } }
이상 은 본 고의 모든 내용 입 니 다. 여러분 의 학습 에 도움 이 되 고 호스트 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
vlan 포트 격리이러한 경우 PC 간에는 통신이 허용되지 않지만 모든 PC는 서버나 게이트웨이와 통신할 수 있습니다. 토폴로지는 다음과 같습니다. 위의 기능과 같이 MAC 주소 기반의 액세스 제어를 사용하면 실현할 수 있지만 조작하...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
