ViewPager Picture Dots

翻译 2016年06月01日 11:47:20

用线性布局添加dots  

<android.support.v4.view.ViewPager 

android:layout_height="200dp" 

android:layout_width="match_parent" 

android:id="@+id/viewPager"/>


<LinearLayout 

android:layout_height="wrap_content" 

android:layout_width="match_parent" 

android:id="@+id/ll_dots" 

android:layout_alignBottom="@id/viewPager" 

android:gravity="center"> 

</LinearLayout>


package com.example.roolpage;



import java.util.ArrayList;


import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.Log;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;


public class MainActivity extends Activity {
protected static final String TAG = "MainActivity";
String[] picUrls = new String[] { "http://169.254.238.174:8080/ab.jpg",
"http://169.254.238.174:8080/ae.jpg",
"http://169.254.238.174:8080/af.jpg",
"http://169.254.238.174:8080/ah.jpg",
"http://169.254.238.174:8080/bd.jpg" };
private ViewPager viewPager;
private LinearLayout ll_dots;
private ArrayList<ImageView> dotsList;
Handler handler = new Handler() {
public void handleMessage(android.os.Message msg) {
if (msg.what == 0) {
int currentItem = viewPager.getCurrentItem();
currentItem++;
viewPager.setCurrentItem(currentItem);
// 继续轮播
Log.i(TAG, "bobobo.....");
startRool();
}
};
};


@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
viewPager = (ViewPager) findViewById(R.id.viewPager);
ll_dots = (LinearLayout) findViewById(R.id.ll_dots);
// 初始化小点
initDots();


// 设置适配器
viewPager.setAdapter(new MyPagerAdapter(this, picUrls, handler));
// 设置当前页
viewPager.setCurrentItem(picUrls.length * 10000);
// 设置ViewPager的监听
viewPager.setOnPageChangeListener(new OnPageChangeListener() {


@Override
public void onPageSelected(int position) {
for (int i = 0; i < picUrls.length; i++) {
if (i == position % picUrls.length) {
dotsList.get(i).setImageDrawable(
getResources().getDrawable(
R.drawable.dots_focuse));
} else {
dotsList.get(i).setImageDrawable(
getResources().getDrawable(
R.drawable.dots_normal));
}


}
}


@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {


}


@Override
public void onPageScrollStateChanged(int arg0) {


}
});


startRool();


}


private void startRool() {
// 开始轮播
handler.sendEmptyMessageDelayed(0, 2000);
}


/**
* 初始化小点
*/
private void initDots() {
dotsList = new ArrayList<ImageView>();
dotsList.clear();
// 移除小点
ll_dots.removeAllViews();
for (int i = 0; i < picUrls.length; i++) {
ImageView imageView = new ImageView(this);
Drawable drawable = null;
if (i == 0) {
// 亮色图片
drawable = getResources().getDrawable(R.drawable.dots_focuse);


} else {
drawable = getResources().getDrawable(R.drawable.dots_normal);
}
imageView.setImageDrawable(drawable);
// 考虑屏幕适配
LayoutParams params = new LayoutParams(dip2px(this, 10), dip2px(
this, 10));
params.setMargins(dip2px(this, 5), 0, dip2px(this, 5), 0);
ll_dots.addView(imageView, params);
// 将小点的控件添加到集合中
dotsList.add(imageView);
}
}


/**
* 根据手机的分辨率从 dp 的单位 转成为 px(像素)
*/
public int dip2px(Context context, float dpValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}


@Override
protected void onDestroy() {
// 移除所有的handler信息
handler.removeCallbacksAndMessages(null);
super.onDestroy();
}


}










package com.example.roolpage;


import android.content.Context;
import android.os.Handler;
import android.support.v4.view.PagerAdapter;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.ViewGroup;
import android.widget.ImageView;


import com.lidroid.xutils.BitmapUtils;


public class MyPagerAdapter extends PagerAdapter {
private String[] urls;
private Context context;
private Handler handler;


public MyPagerAdapter(Context context, String[] urls,Handler handler) {
this.handler=handler;
this.context = context;
this.urls = urls;
}


@Override
public int getCount() {
return Integer.MAX_VALUE;
}


@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}


@Override
public Object instantiateItem(ViewGroup container, int position) {
// ImageView
ImageView imageView = new ImageView(context);
BitmapUtils bitmapUtils = new BitmapUtils(context);
bitmapUtils.display(imageView, urls[position % urls.length]);

container.addView(imageView);
return imageView;
}


@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
}
}












用ViewPager实现引导页,带页面指示器

为什么今天要写一个引导页呢? 因为今天用了一个应用,名就不提了,页面指示器是坐在图片上的 感觉很不爽,看来他们比我还要懒呢╮(╯Д╰)╭ 我们先来看一下效果               好的,那我们...
  • shadow066
  • shadow066
  • 2013年12月27日 18:22
  • 7540

微信小程序自定义轮播图swiper dots默认样式

默认的swiper面板指示点都是小圆点黑灰的,但这满足不了广大小伙伴需求,比如其他颜色的,椭圆形的,方形的等等。。。。 首先当然是要禁用掉(直接删掉)swiper属性indicator-dots,再...
  • rorntuck7
  • rorntuck7
  • 2017年01月12日 16:17
  • 4869

[ MFC ] 对话框动态控件的创建 在Picture Control控件上显示图片 [大三TJB_708]

VS2012MFC 应用程序 1 MFC对话框之上的动态控件的创建 在对话框上的控件是MFC类的一个具体对象,其对应的变量内包含了类的数据成员和函数成员。当在对话框之上使用静态控件时,可以根据类...
  • misskissC
  • misskissC
  • 2014年05月13日 19:50
  • 47209

Data Mining for Connecting the Dots

  • 2013年11月26日 08:32
  • 11KB
  • 下载

Cocos2d高仿消除游戏Dots源码

  • 2015年01月19日 09:41
  • 2.46MB
  • 下载

极简击船小游戏——java核心技术hit the dots界面版

  • 2016年09月20日 10:29
  • 31KB
  • 下载

“Dots”开发商联手阿里巴巴 独家发布手机游戏

Dots公司自豪地宣布,已经和阿里巴巴集团达成一项合作。作为一家极受欢迎的手机游戏厂商,Dots将会成为第一个和阿里巴巴合作在阿里手游平台上独家发布手机游戏的欧美开发商。   DOTS(此前被称...
  • u013931948
  • u013931948
  • 2014年05月22日 04:08
  • 484

CodeForces 510 B. Fox And Two Dots(DFS)

CodeForces 510 B. Fox And Two Dots(DFS)
  • u012860063
  • u012860063
  • 2015年02月03日 21:38
  • 1397

codeforces 512 B Fox And Two Dots 解题报告

B. Fox And Two Dots time limit per test 2 seconds memory limit per test 256 megabytes input st...
  • xiaoli_nu
  • xiaoli_nu
  • 2016年09月09日 14:00
  • 171

Fox And Two Dots

Fox Ciel is playing a mobile puzzle game called "Two Dots". The basic levels are played on a board o...
  • zhaoluwei
  • zhaoluwei
  • 2016年08月18日 20:55
  • 123
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ViewPager Picture Dots
举报原因:
原因补充:

(最多只允许输入30个字)