//布局设计
<!--引导点布局-->
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="40dp">
<LinearLayout
android:id="@+id/ll_point_group"
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="25dp" />
<ImageView
android:id="@+id/iv_red_point"
android:background="@drawable/red_point"
android:layout_width="10dp"
android:layout_height="10dp" />
</RelativeLayout>
//样式的引用
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
<size android:height="10dp" android:width="10dp"/>
<solid android:color="@android:color/darker_gray"/>
//代码逻辑
/**
* 作用:引导页面
*/
public class GuideActivity extends Activity {
private ViewPager viewpager_guide;
private Button btn_startmain;
private LinearLayout ll_point_group;
//③准备数据(网络或者本地的)====封装成集合;好处:遍历
private ArrayList<ImageView> imageViews;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//初始化视图
initview();
/**
* 设置ViewPager适配器
使用viewpager分为五步:
①在布局中定义viewpager;
②在代码中初始化;
③准备数据(网络或者本地的)====封装成集合;好处:遍历
④设置适配器PgerAdapter
*/
//③准备数据(网络或者本地的)====封装成集合;好处:遍历
int[] ids = {R.drawable.guide_1,R.drawable.guide_2,R.drawable.guide_3};
imageViews = new ArrayList<>();
for (int i=0;i<ids.length;i++){
ImageView imageView = new ImageView(this);
imageView.setBackgroundResource(ids[i]);//设置背景
//把图片加入到集合中
imageViews.add(imageView);
}
//有多少个页面就有多少个点
for(int i = 0;i<ids.length;i++){
//灰色的点是额外的
ImageView norma_point = new ImageView(this);//把上下文传进去
norma_point.setBackgroundResource(R.drawable.norma_point);
if(i != 0) {
//setLayoutParams:设置布局参数
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(10,10);
params.leftMargin = 10;//[比较重要的参数(leftMargin)]
norma_point.setLayoutParams(params);
}
ll_point_group.addView(norma_point);
}
//④设置适配器PgerAdapter
viewpager_guide.setAdapter(new MyPagerAdapter());
}
//设置viewpager适配器 继承PagerAdapter
class MyPagerAdapter extends PagerAdapter {
/**
* 返回的总条数
* @return
*/
@Override
public int getCount() {
return imageViews.size();
}
/**
* 实例化对应的页面
* @param container 容器,就是ViewPager ==== ViewGroup是ViewPager的父类,可以接收viewpager
* @param position 实例化页面的位置
* @return
*/
@Override
public Object instantiateItem(ViewGroup container, int position) {
ImageView imageView = imageViews.get(position);
container.addView(imageView);//本质上加入到viewpager里面
return imageView;
}
/**
* @param view 当前页面;
* @param object 对应上面instantiateItem方法返回的值
* @return
*/
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
}
}
private void initview() {
setContentView(R.layout.activity_guide);
viewpager_guide = (ViewPager)findViewById(R.id.viewpager_guide);
btn_startmain = (Button)findViewById(R.id.btn_startmain);
ll_point_group = (LinearLayout)findViewById(R.id.ll_point_group);
}
}
引导页面
最新推荐文章于 2024-07-22 11:19:47 发布