安卓：ViewPager,添加图片方式2及标题版，自动轮播版（第一种）

最新推荐文章于 2021-05-29 02:55:54 发布
最新推荐文章于 2021-05-29 02:55:54 发布
阅读量1.1k 收藏
点赞数
分类专栏： 安卓 添加图片方式2及标题版 自动轮播版（第一种） 文章标签： 安卓ViewPager 添加图片方式2及标题版 自动轮播版第一种
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/my_worldlet/article/details/48780413
版权

第二种方式添加图片：


1.创建3个带有ImageView的布局

2.主布局里放ViewPager控件

3逻辑代码里将布局加载到ViewPager中


逻辑代码文件：

<span style="font-size:18px;">package com.example.day20_viewpage_title;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.PagerTitleStrip;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class MainActivity2 extends Activity {

	ViewPager vp;
	List<View> list;//图片的集合
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        vp=(ViewPager) findViewById(R.id.vp);
        pt=(PagerTitleStrip) findViewById(R.id.pt);
        list=new ArrayList<View>();
        list.add(LayoutInflater.from(this).inflate(R.layout.layout1,null));
        list.add(LayoutInflater.from(this).inflate(R.layout.layout2,null));
        list.add(LayoutInflater.from(this).inflate(R.layout.layout3,null));        
        MyAdapter adapter=new MyAdapter();
        vp.setAdapter(adapter);    
    }
    class MyAdapter extends PagerAdapter
    {

		@Override
		public int getCount() {

			return list.size();
		}
		@Override
		public Object instantiateItem(ViewGroup container, int position) {
			container.addView(list.get(position));
			return list.get(position);
		}
		@Override
		public void destroyItem(ViewGroup container, int position, Object object) {
		container.removeView(list.get(position));	
		}
		
		@Override
		public boolean isViewFromObject(View arg0, Object arg1) {
			return arg0==arg1;
		}
    }
}
</span>

主布局文件：

<span style="font-size:18px;"><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        >
     </android.support.v4.view.ViewPager>
</RelativeLayout>
</span>

3个放图片的布局文件：

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <ImageView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/slide2"/>

</LinearLayout>
</span>


标题版：



1.在布局文件ViewPager标签内加PagerTitleStrip

2.逻辑代码文件中创建一个List存放标题的集合

3.PagerAdapter适配器类中重写名为getPageTitle的方法


逻辑代码文件：

<span style="font-size:18px;">package com.example.day20_viewpage_title;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.PagerTitleStrip;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class MainActivity2 extends Activity {

	ViewPager vp;
	PagerTitleStrip pt;
	List<View> list;//图片的集合
	List<String> tList;//标题的集合
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        vp=(ViewPager) findViewById(R.id.vp);
        pt=(PagerTitleStrip) findViewById(R.id.pt);
        list=new ArrayList<View>();
        list.add(LayoutInflater.from(this).inflate(R.layout.layout1,null));
        list.add(LayoutInflater.from(this).inflate(R.layout.layout2,null));
        list.add(LayoutInflater.from(this).inflate(R.layout.layout3,null));

        tList=new ArrayList<String>();
        tList.add("娱乐");
        tList.add("茶文化");
        tList.add("新闻头条");       
        
        MyAdapter adapter=new MyAdapter();
        vp.setAdapter(adapter);
   }   
    class MyAdapter extends PagerAdapter
    {

		@Override
		public int getCount() {

			return list.size();
		}
		@Override
		public Object instantiateItem(ViewGroup container, int position) {
			container.addView(list.get(position));
			return list.get(position);
		}
		@Override
		public void destroyItem(ViewGroup container, int position, Object object) {
		container.removeView(list.get(position));	
		}
		
		@Override
		public boolean isViewFromObject(View arg0, Object arg1) {
			return arg0==arg1;
		}
		
		//android.support.v4.view.PagerTitleStrip 给pager界面加标题
		@Override
		public CharSequence getPageTitle(int position) {
			return tList.get(position);
		}
    }
}
</span>

布局文件： 

<span style="font-size:18px;"><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        >
        <android.support.v4.view.PagerTitleStrip
            android:id="@+id/pt"
            android:layout_width="wrap_content"
        	android:layout_height="wrap_content"
        />
     </android.support.v4.view.ViewPager>
</RelativeLayout>
</span>


ViewPager用的放图片的布局文件：

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <ImageView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/slide1"/>

</LinearLayout>
</span>


自动轮播版方式1：

在标题的基础上加的，其他布局文件同上，逻辑代码文件如下：


逻辑代码文件：

<span style="font-size:18px;">package com.example.day20_viewpage_title;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.PagerTitleStrip;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class MainActivity2 extends Activity {

	ViewPager vp;
	PagerTitleStrip pt;
	List<View> list;//图片的集合
	List<String> tList;//标题的集合
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        vp=(ViewPager) findViewById(R.id.vp);
        pt=(PagerTitleStrip) findViewById(R.id.pt);
        list=new ArrayList<View>();
        list.add(LayoutInflater.from(this).inflate(R.layout.layout1,null));
        list.add(LayoutInflater.from(this).inflate(R.layout.layout2,null));
        list.add(LayoutInflater.from(this).inflate(R.layout.layout3,null));

        tList=new ArrayList<String>();
        tList.add("娱乐");
        tList.add("茶文化");
        tList.add("新闻头条");       
        
        MyAdapter adapter=new MyAdapter();
        vp.setAdapter(adapter);
        //预加载界面
        vp.setOffscreenPageLimit(2);
        handler.sendEmptyMessageAtTime(1,2000);
        
    }
    //自动轮播，但此法有个回退，day20...2的工程里有其他方法
    Handler handler=new Handler(){
    	public void handleMessage(android.os.Message msg) {
    		int i=vp.getCurrentItem();
    		if(i==list.size()-1)
    		{
    			vp.setCurrentItem(0,true);
    		}
    		else
    		{
    			vp.setCurrentItem(i+1,true);
    		}
    		sendEmptyMessageDelayed(1, 2000);
    	};
    };
    
    class MyAdapter extends PagerAdapter
    {

		@Override
		public int getCount() {

			return list.size();
		}
		@Override
		public Object instantiateItem(ViewGroup container, int position) {
			container.addView(list.get(position));
			return list.get(position);
		}
		@Override
		public void destroyItem(ViewGroup container, int position, Object object) {
		container.removeView(list.get(position));	
		}
		
		@Override
		public boolean isViewFromObject(View arg0, Object arg1) {
			return arg0==arg1;
		}
		
		//android.support.v4.view.PagerTitleStrip 给pager界面加标题
		@Override
		public CharSequence getPageTitle(int position) {
			return tList.get(position);
		}
    }
}
</span>



my_worldlet
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android viewpager动态加载图片,Android使用ViewPager加载图片和轮播视频
weixin_31502485的博客
05-26 789
作为Android基础组件之一，大家对viewpager已经很熟悉了，网上也有很多使用viewpager来加载图片的案例。但是像微信那样点击图片，可以轮播显示图片和视频的例子却没找到。正巧项目中有需求，可以就花时间写了下，现在给一下核心代码，希望对有此需求的同学们起一个抛砖引玉的作用。话不多说了，上代码：以下是initData的代码public void initData() {//把聊天界面的图...
Android ViewPager加载图片效果
01-04
目前项目中需要用到ViewPager加载图片，现在在此记录一下。 首先先看布局文件：activity_main.xml <?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 androi
ViewPager加载图片
pengyu1801的专栏
01-16 758
目前项目中需要用到ViewPager加载图片，现在在此记录一下。首先先看布局文件：activity_main.xml<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schem
Android使用ViewPager加载图片和轮播视频
01-20
作为Android基础组件之一，大家对viewpager已经很熟悉了，网上也有很多使用viewpager来加载图片的案例。但是像微信那样点击图片，可以轮播显示图片和视频的例子却没找到。正巧项目中有需求，可以就花时间写了下，现在给一下核心代码，希望对有此需求的同学们起一个抛砖引玉的作用。话不多说了，上代码： 以下是initData的代码 public void initData() { //把聊天界面的图片和视频找出来，并加到数组中，并在 //并根据传进来的position来找到视频或图片在数组中的位置 for (int i = 0; i < MsgCount; i++) {
Android自动播放Banner图片轮播效果
01-20
总结来说，实现Android的Banner图片轮播效果，主要步骤包括：设置布局，初始化`ViewPager`，根据数据类型加载图片，创建自定义适配器，添加页面切换监听，以及设置自动轮播机制。通过这些步骤，我们可以构建出一个...
安卓ViewPager广告轮播图实现无限轮播
10-18
在Android开发中，ViewPager是一种常用的组件，用于展示可滑动的页面集合，常用于实现诸如广告轮播图、Tab切换等效果。在这个“安卓ViewPager广告轮播图实现无限轮播”的示例中，我们将深入探讨如何利用ViewPager...
android-ViewPager:ViewPager无限循环滑动
05-16
在Android开发中，ViewPager是一个非常重要的组件，常用于实现页面的滑动切换效果，比如在应用的引导页、TabLayout的页面切换...在实际开发中，还可以结合诸如自动轮播、指示器等功能，让无限循环的ViewPager更加完善。
Viewpager加载网络图片轮播
12-25
【标题】"Viewpager加载网络图片轮播"涉及的关键知识点主要集中在Android开发中关于Viewpager组件的使用以及网络图片的加载。Viewpager是Android SDK提供的一种用于实现滑动页面效果的控件，常用于实现类似轮播图、...
类似ViewPager，实现图片自动轮播
08-06
标题“类似ViewPager，实现图片自动轮播”所指的就是利用ViewPager来构建一个可以自动播放的图片轮播器。这种功能在很多应用的首页或者广告展示中十分常见，它能提供一种吸引用户注意力的方式。 首先，我们来详细...
ViewPager加载网络图片
05-09
ViewPagerl加载网络图片实现gallery效果
viewPager实现动态加载图片，附带大图片处理方式
04-19
NULL 博文链接：https://androidll.iteye.com/blog/1853379
博客资源：ViewPager加载大量图片oom解决方案demo
12-28
ViewPager加载大量图片oom解决方案
Android viewpager网络加载图片无限自动轮播demo
06-17
实现了基于viewpager的无限轮播，网络加载图片。
android viewpager加载网络图片,广告轮播ViewPager+Glide加载网络图片+手动自动滑动
weixin_28804379的博客
05-29 457
【实例简介】【实例截图】【核心代码】package com.example.viewpagerdemo;import java.util.ArrayList;import java.util.List;import com.bumptech.glide.Glide;import android.app.Activity;import android.content.Context;import a...
ViewPager网络加载图片
guoleisb10的博客
12-20 2726
首页： activity_main: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:
ViewPager加载大量图片
蓝枫
03-17 1440
比如说当我们加载100张图片的时候，我们创建100个Imageview，然后放入集合，这样做很容易内存溢出或者加载速度特别慢。我们可以滑动的时候去加载，滑动一张创建一个Imageview直接上代码主要关注adapter的写法package krelve.view;import android.content.Context; import android.graphics.Bitmap; impor
Android TabLayout的使用(ViewPager添加标题)
android_hl的博客
05-05 3258
效果图 上方的指示器用到的就是TabLayout 下方是一个ViewPager ViewPager内的数据为fragment东西就这么多，先看下布局：先看下如何引用TabLayout 布局的选择控件界面选择Design>TabLayout，需要添加这个依赖，之后就是布局的内容<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:
ViewPager实现自动轮播
最新发布
08-06
要实现ViewPager的自动轮播，你可以按照以下步骤进行操作： 1. 首先，在布局文件中添加ViewPager控件，并设置其相关属性，如布局宽高、指示器等。 2. 在代码中，创建一个Handler对象和一个Runnable对象，用于实现自动轮播的定时任务。 ```java private ViewPager viewPager; private int currentPage = 0; private Timer timer; private final long DELAY_MS = 500; // 延迟时间 private final long PERIOD_MS = 3000; // 滚动间隔时间 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); viewPager = findViewById(R.id.viewPager); // 设置ViewPager的Adapter以及其他属性 final Handler handler = new Handler(); final Runnable runnable = new Runnable() { public void run() { if (currentPage == NUM_PAGES) { currentPage = 0; } viewPager.setCurrentItem(currentPage++, true); } }; timer = new Timer(); timer.schedule(new TimerTask() { @Override public void run() { handler.post(runnable); } }, DELAY_MS, PERIOD_MS); } ``` 3. 在Activity的`onDestroy`方法中，取消定时任务，避免内存泄漏。 ```java @Override protected void onDestroy() { super.onDestroy(); if (timer != null) { timer.cancel(); timer = null; } } ``` 这样，ViewPager就会自动进行轮播了。注意，上述代码中的`NUM_PAGES`是ViewPager中页面的数量，你需要根据实际情况进行替换。另外，你还可以根据需求添加页面切换的动画效果、手势滑动等功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值