Android 안내 페이지 의 간단 한 구현
가장 바깥쪽 은 Fragment Activity 입 니 다.그 안에 4 개의 fragment 가 포함 되 어 있 습 니 다.fragment 에서 ViewPager 에 순환 을 시 켜 그림 방송 을 실 현 했 습 니 다.사실은 효 과 는 Fragment Activity 에서 몇 개의 fragment 가 미 끄 러 지 며 전환 하 는 것 입 니 다.
fragment 에서 ViewPager 무한 라운드 방송 과 미끄럼 전환;
다음은 코드 구현:
public class MainActivity extends ActionBarActivity {
private ViewPager viewpager;
private FragmentManager fm;
private ViewPagerAdapter adapter;
private ArrayList<Object> items = new ArrayList<Object>();
private Button btn_guide;
private View point1, point2, point3, point4;
private int choiceBg = R.drawable.shape_bule_point;//
private int unChoiceBg = R.drawable.shape_center_point_red;//
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_main);
initView();
}
private void initView() {
btn_guide = (Button) findViewById(R.id.btn_guide);
point1 = findViewById(R.id.point1);
point2 = findViewById(R.id.point2);
point3 = findViewById(R.id.point3);
point4 = findViewById(R.id.point4);
viewpager = (ViewPager) findViewById(R.id.viewpager);
fm = this.getSupportFragmentManager();
items.add(new FirstFragment());
items.add(new SecondFragment());
items.add(new ThridFragment());
items.add(new FourFragment());
adapter = new ViewPagerAdapter(fm, items);
viewpager.setAdapter(adapter);
viewpager.setCurrentItem(0, false);
viewpager.setOffscreenPageLimit(items.size());
//
point1.setBackgroundResource(choiceBg);
viewpager.setOnPageChangeListener(new GuidePageListener());
}
/**
* viewpager
*
* @author Kevin
*
*/
class GuidePageListener implements OnPageChangeListener {
//
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
//
@Override
public void onPageSelected(int position) {
if (position == 0) {
setPointBg(choiceBg, unChoiceBg, unChoiceBg, unChoiceBg);
} else if (position == 1) {
setPointBg(unChoiceBg, choiceBg, unChoiceBg, unChoiceBg);
} else if (position == 2) {
setPointBg(unChoiceBg, unChoiceBg, choiceBg, unChoiceBg);
} else {
setPointBg(unChoiceBg, unChoiceBg, unChoiceBg, choiceBg);
}
if (position == items.size() - 1) {//
btn_guide.setVisibility(View.VISIBLE);//
} else {
btn_guide.setVisibility(View.INVISIBLE);
}
}
//
@Override
public void onPageScrollStateChanged(int state) {
}
}
/**
*
*
* @param pointBg1
* @param pointBg2
* @param pointBg3
* @param pointBg4
*/
private void setPointBg(int pointBg1, int pointBg2, int pointBg3, int pointBg4) {
point1.setBackgroundResource(pointBg1);
point2.setBackgroundResource(pointBg2);
point3.setBackgroundResource(pointBg3);
point4.setBackgroundResource(pointBg4);
}
}
이 곳 에 서 는 ViewPager 와 fragment 가 미 끄 러 지 며 변화 할 때 아래쪽 작은 도 트 가 선택 한 색상 을 변경 하 는 것 을 주의해 야 합 니 다.
public class HomeAdapter extends PagerAdapter {
private List<GuiderInfo> data;
private ImageCycleViewListener mImageCycleViewListener;
private Context context;
public HomeAdapter(Context context, List<GuiderInfo> data, ImageCycleViewListener mImageCycleViewListener) {
this.context = context;
this.mImageCycleViewListener = mImageCycleViewListener;
this.data = new ArrayList<GuiderInfo>();
if (data != null) {
this.data.addAll(data);
}
}
public void notifyData(List<GuiderInfo> data) {
if (data != null) {
this.data.clear();
this.data.addAll(data);
}
notifyDataSetChanged();
}
// viewpager
LinkedList<ImageView> imageList = new LinkedList<ImageView>();
@Override
public int getCount() {
if (data.size() != 0) {
return Integer.MAX_VALUE;//
} else {
return 0;
}
}
// view
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}
//
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
// super.destroyItem(container, position, object);
ImageView view = (ImageView) object;
imageList.add(view);//
container.removeView(view);
}
//
@Override
public Object instantiateItem(ViewGroup container, int position) {
int index = 0;
if (data.size() != 0) {
index = position % data.size();
}
final ImageView image;
if (imageList.size() > 0) {
image = imageList.remove(0);
} else {
image = new ImageView(context);
}
// BitmapUtils bitmapUtils = BitMapHelper.getBitmapUtils();
final GuiderInfo vo = data.get(index);
if (vo != null) {
// String url = vo.url;
// bitmapUtils.display(image, url, new BitmapLoadCallBack<View>() {
//
// @SuppressWarnings("deprecation")
// @Override
// public void onLoadCompleted(View arg0, String arg1, Bitmap bitmap, BitmapDisplayConfig arg3, BitmapLoadFrom arg4) {
// image.setImageBitmap(null);
// BitmapDrawable ob = new BitmapDrawable(context.getResources(), bitmap);
// image.setBackgroundDrawable(ob);
// }
//
// @Override
// public void onLoadFailed(View arg0, String arg1, Drawable arg2) {
// // TODO Auto-generated method stub
//
// }
// });
int imageid = vo.imageid;
image.setImageResource(imageid);
// bitmapUtils.display(image, url);
}
final int pos = index;
if (mImageCycleViewListener != null) {
image.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
mImageCycleViewListener.onImageClick(vo, pos, image);
}
});
}
container.addView(image);// view
return image;//
}
/**
*
*
* @author minking
*/
public static interface ImageCycleViewListener {
/**
*
*
* @param position
* @param imageView
*/
public void onImageClick(GuiderInfo info, int postion, View imageView);
}
}
public class FirstFragment extends Fragment implements ImageCycleViewListener {
private View view;
private ViewPager header_view;
private HomeAdapter adapter;
private List<GuiderInfo> data = new ArrayList<GuiderInfo>();
private boolean flag;
private TextView tv_dis;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
view = inflater.inflate(R.layout.first_fragment, container, false);
setData();
initView();
return view;
}
@SuppressWarnings("deprecation")
private void initView() {
tv_dis = (TextView) view.findViewById(R.id.tv_dis);
header_view = (ViewPager) view.findViewById(R.id.header_view);
adapter = new HomeAdapter(getActivity(), data, this);
header_view.setAdapter(adapter);
header_view.setOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int arg0) {
// index
int index = arg0 % 2;
System.out.println("-----------index" + index);
GuiderInfo dtGzsApplyCenterHeader = data.get(index);
tv_dis.setText(""+dtGzsApplyCenterHeader.event_content);
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
@Override
public void onPageScrollStateChanged(int arg0) {
}
});
//
final AuToRunTask run = new AuToRunTask();
header_view.setCurrentItem(1000 * data.size());//
header_view.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN://
run.stop();
break;
case MotionEvent.ACTION_CANCEL://
case MotionEvent.ACTION_UP://
run.start();
break;
default:
break;
}
return false;// viewpager fasle true
}
});
run.start();//
}
@Override
public void onImageClick(GuiderInfo info, int postion, View imageView) {
}
//
class AuToRunTask implements Runnable {
@Override
public void run() {
if (flag) {
//
DensityUtil.cancle(this);
//
int currentItem = header_view.getCurrentItem();
currentItem++;
header_view.setCurrentItem(currentItem);
//
DensityUtil.postDelayed(this, 2000);//
}
}
public void start() {
if (!flag) {
//
DensityUtil.cancle(this);
flag = true;
//
DensityUtil.postDelayed(this, 1000);//
}
}
public void stop() {
if (flag) {
flag = false;
DensityUtil.cancle(this);
}
}
}
private void setData() {
GuiderInfo vo = new GuiderInfo();
vo.imageid = R.drawable.shape_red;
vo.event_content=" ";
data.add(vo);
GuiderInfo vo1 = new GuiderInfo();
vo1.imageid = R.drawable.shape_yellow;
vo1.event_content=" ";
data.add(vo1);
}
}
이상 은 효과 구현 의 주요 코드 입 니 다.효 과 는 다음 과 같 습 니 다.위의 효과 도 는 일부 효과 가 나타 나 지 않 았 는데 사실은 위의 원 은 순환 윤 방 하 는 동시에 미 끄 러 질 수 있다.
원본 코드:Androidpager
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Bitrise에서 배포 어플리케이션 설정 테스트하기이 글은 Bitrise 광고 달력의 23일째 글입니다. 자체 또는 당사 등에서 Bitrise 구축 서비스를 사용합니다. 그나저나 며칠 전 Bitrise User Group Meetup #3에서 아래 슬라이드를 발표했...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.