Android實(shí)現(xiàn)廣告圖片輪播效果
本文實(shí)例介紹了Android廣告輪播圖效果實(shí)現(xiàn)方法,分享給大家供大家參考,具體內(nèi)容如下
首先看下一下布局文件:
<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" tools:context=".MainActivity" > <!-- 廣告條的使用 --> <com.xuliugen.viewpager.MyViewPagerTransformerAnim android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="200dp" /> <!-- 廣告條下邊的文字 --> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignBottom="@id/viewpager" android:background="#33000000" android:orientation="vertical" > <TextView android:id="@+id/image_desc" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:text="@string/app_name" android:textColor="@android:color/white" android:textSize="16sp" /> <LinearLayout android:id="@+id/point_group" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:layout_marginBottom="5dp" android:orientation="horizontal" > </LinearLayout> </LinearLayout> </RelativeLayout>
效果很簡(jiǎn)單,從布局文件中我們看到使用了一個(gè)自定義的ViewPager動(dòng)畫(huà),代碼如下:
package com.xuliugen.viewpager; import java.util.HashMap; import java.util.Map; import android.content.Context; import android.support.v4.view.ViewPager; import android.util.AttributeSet; import android.view.View; import com.nineoldandroids.view.ViewHelper; /* * 自定義viewpager實(shí)現(xiàn)動(dòng)畫(huà)切換效果: * * 1、需要拿到當(dāng)前切換的兩個(gè)view * * 2、一個(gè)動(dòng)畫(huà)的梯度值 */ public class MyViewPagerTransformerAnim extends ViewPager { private View mLeft; private View mRight; private float mTrans; private float mScale; private static final float MIN_SCALE = 0.6f; private Map<Integer, View> mChildren = new HashMap<Integer, View>(); /* * 要有兩個(gè)構(gòu)造方法 */ public MyViewPagerTransformerAnim(Context context, AttributeSet attrs) { super(context, attrs); } public MyViewPagerTransformerAnim(Context context) { super(context); } /* * 設(shè)置put的方法 */ public void setViewForPosition(View view, int position) { mChildren.put(position, view); } /* * remove的方法 */ public void removeViewFromPosition(Integer position) { mChildren.remove(position); } /** * 重寫(xiě)的方法 */ @Override protected void onPageScrolled(int position, float offset, int offsetPixels) { // Log.e("TAG", "position =" + position + ",offset = " + offset); mLeft = mChildren.get(position); mRight = mChildren.get(position + 1); animStack(mLeft, mRight, offset, offsetPixels);// 創(chuàng)建動(dòng)畫(huà)效果 super.onPageScrolled(position, offset, offsetPixels); } private void animStack(View left, View right, float offset, int offsetPixels) { if (right != null) { // 從0-1頁(yè),offset:0`1 mScale = (1 - MIN_SCALE) * offset + MIN_SCALE; mTrans = -getWidth() - getPageMargin() + offsetPixels; ViewHelper.setScaleX(right, mScale); ViewHelper.setScaleY(right, mScale); ViewHelper.setTranslationX(right, mTrans); } if (left != null) { left.bringToFront(); } } }
MainActivity.java
package com.xuliugen.viewpager; import java.util.ArrayList; import android.app.Activity; import android.os.Bundle; import android.os.Handler; import android.support.v4.view.PagerAdapter; import android.support.v4.view.ViewPager; import android.support.v4.view.ViewPager.OnPageChangeListener; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.TextView; public class MainActivity extends Activity { private ViewPager viewPager; private LinearLayout pointGroup; private TextView iamgeDesc; // 圖片資源ID private final int[] imageIds = { R.drawable.a, R.drawable.b, R.drawable.c, R.drawable.d, R.drawable.e }; // 圖片標(biāo)題集合 private final String[] imageDescriptions = { "鞏俐不低俗,我就不能低俗", "撲樹(shù)又回來(lái)啦!再唱經(jīng)典老歌引萬(wàn)人大合唱", "揭秘北京電影如何升級(jí)", "樂(lè)視網(wǎng)TV版大派送", "熱血屌絲的反殺" }; private ArrayList<ImageView> imageList; /** * 上一個(gè)頁(yè)面的位置 */ protected int lastPosition; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); viewPager = (ViewPager) findViewById(R.id.viewpager); pointGroup = (LinearLayout) findViewById(R.id.point_group); iamgeDesc = (TextView) findViewById(R.id.image_desc); iamgeDesc.setText(imageDescriptions[0]); imageList = new ArrayList<ImageView>(); for (int i = 0; i < imageIds.length; i++) { // 初始化圖片資源 ImageView image = new ImageView(this); image.setBackgroundResource(imageIds[i]); imageList.add(image); // 添加指示點(diǎn) ImageView point = new ImageView(this); LinearLayout.LayoutParams params = new LinearLayout.LayoutParams( LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT); params.rightMargin = 20; point.setLayoutParams(params); point.setBackgroundResource(R.drawable.point_bg); if (i == 0) { point.setEnabled(true); } else { point.setEnabled(false); } pointGroup.addView(point); } viewPager.setAdapter(new MyPagerAdapter()); // viewPager.setCurrentItem(Integer.MAX_VALUE/2 - // (Integer.MAX_VALUE/2%imageList.size())) ; viewPager.setOnPageChangeListener(new OnPageChangeListener() { @Override /** * 頁(yè)面切換后調(diào)用 * position 新的頁(yè)面位置 */ public void onPageSelected(int position) { position = position % imageList.size(); // 設(shè)置文字描述內(nèi)容 iamgeDesc.setText(imageDescriptions[position]); // 改變指示點(diǎn)的狀態(tài) // 把當(dāng)前點(diǎn)enbale 為true pointGroup.getChildAt(position).setEnabled(true); // 把上一個(gè)點(diǎn)設(shè)為false pointGroup.getChildAt(lastPosition).setEnabled(false); lastPosition = position; } @Override /** * 頁(yè)面正在滑動(dòng)的時(shí)候,回調(diào) */ public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override /** * 當(dāng)頁(yè)面狀態(tài)發(fā)生變化的時(shí)候,回調(diào) */ public void onPageScrollStateChanged(int state) { } }); /* * 自動(dòng)循環(huán): 1、定時(shí)器:Timer 2、開(kāi)子線程 while true 循環(huán) 3、ColckManager 4、 用handler * 發(fā)送延時(shí)信息,實(shí)現(xiàn)循環(huán) */ isRunning = true; // 設(shè)置圖片的自動(dòng)滑動(dòng) handler.sendEmptyMessageDelayed(0, 3000); } /** * 判斷是否自動(dòng)滾動(dòng) */ private boolean isRunning = false; private Handler handler = new Handler() { public void handleMessage(android.os.Message msg) { // 讓viewPager 滑動(dòng)到下一頁(yè) viewPager.setCurrentItem(viewPager.getCurrentItem() + 1); if (isRunning) { handler.sendEmptyMessageDelayed(0, 3000); } }; }; protected void onDestroy() { isRunning = false; }; private class MyPagerAdapter extends PagerAdapter { @Override /** * 獲得頁(yè)面的總數(shù) */ public int getCount() { return Integer.MAX_VALUE; // 使得圖片可以循環(huán) } @Override /** * 獲得相應(yīng)位置上的view * container view的容器,其實(shí)就是viewpager自身 * position 相應(yīng)的位置 */ public Object instantiateItem(ViewGroup container, int position) { // System.out.println("instantiateItem ::" + position); // 給 container 添加一個(gè)view container.addView(imageList.get(position % imageList.size())); // 返回一個(gè)和該view相對(duì)的object return imageList.get(position % imageList.size()); } @Override /** * 判斷 view和object的對(duì)應(yīng)關(guān)系 */ public boolean isViewFromObject(View view, Object object) { if (view == object) { return true; } else { return false; } } @Override /** * 銷毀對(duì)應(yīng)位置上的object */ public void destroyItem(ViewGroup container, int position, Object object) { // System.out.println("destroyItem ::" + position); container.removeView((View) object); object = null; } } }
另外我們看效果圖可以看出,效果圖下邊的幾個(gè)原點(diǎn)是變化的,所以我們需要一個(gè)selector,如下:
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/point_nomal" android:state_enabled="false"/> <item android:drawable="@drawable/point_focured" android:state_enabled="true"/> </selector>
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助。
- Android實(shí)現(xiàn)圖片輪播效果的兩種方法
- Android實(shí)現(xiàn)圖片輪播效果
- Android自動(dòng)播放Banner圖片輪播效果
- Android ViewPager實(shí)現(xiàn)圖片輪播效果
- Android實(shí)現(xiàn)圖片輪播切換實(shí)例代碼
- Android自定義圖片輪播Banner控件使用解析
- Android高級(jí)圖片滾動(dòng)控件實(shí)現(xiàn)3D版圖片輪播器
- Android客戶端實(shí)現(xiàn)圖片輪播控件
- Android線程實(shí)現(xiàn)圖片輪播
- Android實(shí)現(xiàn)背景圖片輪播
相關(guān)文章
Android使用Intent.ACTION_SEND分享圖片和文字內(nèi)容的示例代碼
這篇文章主要介紹了Android使用Intent.ACTION_SEND分享圖片和文字內(nèi)容的示例代碼的實(shí)例代碼,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,一起跟隨小編過(guò)來(lái)看看吧2018-05-05Android kotlin使用注解實(shí)現(xiàn)防按鈕連點(diǎn)功能的示例
這篇文章主要介紹了Android kotlin使用注解實(shí)現(xiàn)防按鈕連點(diǎn)功能的示例,幫助大家更好的理解和學(xué)習(xí)使用Android,感興趣的朋友可以了解下2021-03-03修改Android簽名證書(shū)keystore的密碼、別名alias以及別名密碼
這篇文章主要介紹了修改Android簽名證書(shū)keystore的密碼、別名alias以及別名密碼的相關(guān)資料,需要的朋友可以參考下2015-12-12Android 如何實(shí)現(xiàn)彈窗順序&優(yōu)先級(jí)控制
這篇文章主要介紹了Android 如何實(shí)現(xiàn)彈窗順序&優(yōu)先級(jí)控制,幫助大家更好的理解和學(xué)習(xí)使用Android,感興趣的朋友可以了解下2021-03-03ViewPager實(shí)現(xiàn)帶引導(dǎo)小圓點(diǎn)與自動(dòng)跳轉(zhuǎn)的引導(dǎo)界面
這篇文章主要為大家詳細(xì)介紹了ViewPager實(shí)現(xiàn)帶引導(dǎo)小圓點(diǎn)與自動(dòng)跳轉(zhuǎn)的引導(dǎo)界面,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-11-11Flutter 如何設(shè)置App的主色調(diào)與字體
App 開(kāi)發(fā)過(guò)程中,肯定希望給用戶帶來(lái)一致的體驗(yàn),這其中最基礎(chǔ)的就是色調(diào)、字體保持一致。在 Flutter 中,可以設(shè)置全局的主題色調(diào)和字體,從而在其他頁(yè)面引用主色調(diào)和字體,實(shí)現(xiàn)頁(yè)面展示層面的一致。2021-05-05Android入門之Activity四種啟動(dòng)模式(standard、singleTop、singleTask、singl
當(dāng)應(yīng)用運(yùn)行起來(lái)后就會(huì)開(kāi)啟一條線程,線程中會(huì)運(yùn)行一個(gè)任務(wù)棧,當(dāng)Activity實(shí)例創(chuàng)建后就會(huì)放入任務(wù)棧中。Activity啟動(dòng)模式的設(shè)置在AndroidManifest.xml文件中,通過(guò)配置Activity的屬性android:launchMode=""設(shè)置2015-12-12Android 自定義View手寫(xiě)簽名并保存圖片功能
這篇文章主要介紹了Android 自定義View手寫(xiě)簽名并保存圖片功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2020-03-03Android自定義View實(shí)現(xiàn)左右滑動(dòng)選擇出生年份
這篇文章主要介紹了Android自定義View實(shí)現(xiàn)左右滑動(dòng)選擇出生年份,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-06-06