Android開(kāi)發(fā)之滑動(dòng)圖片輪播標(biāo)題焦點(diǎn)
先給大家這是下效果圖:
谷歌提供的v4包,ViewPager
在布局文件中,先添加<android.support.v4.view.ViewPager/>控件,這個(gè)只是輪播的區(qū)域
在布局文件中,布置標(biāo)題描述部分
線性布局,豎向排列,背景色黑色半透明,這個(gè)布局和上面的ViewPager底部對(duì)齊layout_alignBottom=”@id/xxx”
<TextView/>居中顯示,
小點(diǎn)部分,先放過(guò)空的LinearLayout,id是ll_points在代碼中對(duì)其進(jìn)行填充
獲取ViewPager對(duì)象
調(diào)用ViewPager對(duì)象的setAdapter()方法,參數(shù):PagerAdapter對(duì)象
因?yàn)镻agerAdapter是抽象類,定義一個(gè)MyPagerAdapter繼承PagerAdapter,實(shí)現(xiàn)以下方法
重寫(xiě)getCount()方法,返回輪播的個(gè)數(shù)
重寫(xiě)isViewFromObject()方法,返回布爾值,
重寫(xiě)instantiateItem()方法,將當(dāng)前view對(duì)象添加到ViewGroup對(duì)象,返回當(dāng)前對(duì)象
重寫(xiě)destroyItem()方法,從當(dāng)前container中刪除指定位置(position)的View
切換描述標(biāo)題字符串
定義一個(gè)String[]數(shù)組,保存標(biāo)題
調(diào)用ViewPager對(duì)象的setOnPagerChangeListener()方法,參數(shù):OnPagerChangeListener對(duì)象
匿名內(nèi)部類實(shí)現(xiàn),重寫(xiě)以下方法
onPageSelected()方法,頁(yè)面切換后調(diào)用,傳遞進(jìn)參數(shù),int索引
onPageScrolled()方法,當(dāng)頁(yè)面正在滾動(dòng)的時(shí)候
onPageScrollStateChanged()方法,當(dāng)頁(yè)面滾動(dòng)狀態(tài)改變的時(shí)候
小圖標(biāo)部分
新建兩個(gè)shape文件,使用xml畫(huà)兩個(gè)原點(diǎn)
添加節(jié)點(diǎn)<shape>,設(shè)置形狀為原型android:shape=”oval”
添加尺寸節(jié)點(diǎn)<size> ,設(shè)置寬度,高度,android:width=”” android:height=””
添加顏色節(jié)點(diǎn)<solid>,設(shè)置顏色 android:color=””
正常情況下,灰色點(diǎn),焦點(diǎn)的時(shí)候,白色的點(diǎn),兩個(gè)xm文件的顏色不一樣
point.xml
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval" > <size android:height="4dp" android:width="4dp" /> <solid android:color="#aaffffff"/> </shape>
point_write.xml
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval" > <size android:height="4dp" android:width="4dp" /> <solid android:color="#ffffffff"/> </shape>
新建一個(gè)selector文件,當(dāng)圖片enable的時(shí)候白色的點(diǎn),不可用的時(shí)候灰色的點(diǎn),不同的狀態(tài)不同的圖片
添加<selector>節(jié)點(diǎn)
添加<item>節(jié)點(diǎn),設(shè)置圖片屬性android:drawable=”” 設(shè)置狀態(tài)android:enabled=”true|false”
point_selector.xml
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android" > <item android:drawable="@drawable/point" android:state_enabled="false"></item> <item android:drawable="@drawable/point_write" android:state_enabled="true"></item> </selector>
循環(huán)大圖片的個(gè)數(shù),創(chuàng)建ImageView對(duì)象,
調(diào)用ImageView對(duì)象setImageResource()方法,設(shè)置資源,參數(shù):selector文件
調(diào)用ImageView對(duì)象的setLayoutParams()方法,給小圖標(biāo)ImageView對(duì)象添加一些margin值,參數(shù):LayoutParams對(duì)象,獲取LinearLayout.LayoutParams對(duì)象,調(diào)用LayoutParams對(duì)象的rightMargin()方法,設(shè)置margin值
調(diào)用ImageView對(duì)象的setEnabled()方法,設(shè)置是否可用,參數(shù):布爾值
獲取LinearLayout對(duì)象,調(diào)用LinearLayout對(duì)象的addView()方法,把小圖標(biāo)的視圖填進(jìn)去,參數(shù):ImageView對(duì)象
默認(rèn)第一個(gè)是焦點(diǎn),隨著圖片滑動(dòng),焦點(diǎn)跟著改變
package com.tsh.myviewpager; import java.util.ArrayList; import java.util.List; import android.app.Activity; import android.os.Bundle; import android.support.v.view.PagerAdapter; import android.support.v.view.ViewPager; import android.support.v.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 vp_banner; private LinearLayout ll_points; private TextView tv_title; private List<View> banners; private String[] titles=new String[]{ "新聞標(biāo)題", "新聞標(biāo)題", "新聞標(biāo)題" }; private List<ImageView> points=new ArrayList<ImageView>(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // 初始化 vp_banner = (ViewPager) findViewById(R.id.vp_banner); ll_points = (LinearLayout) findViewById(R.id.ll_points); tv_title = (TextView) findViewById(R.id.tv_title); // banner部分 banners = new ArrayList<>(); ImageView img = new ImageView(this); img.setImageResource(R.drawable.a); banners.add(img); ImageView img = new ImageView(this); img.setImageResource(R.drawable.b); banners.add(img); ImageView img = new ImageView(this); img.setImageResource(R.drawable.c); banners.add(img); //小圖標(biāo) ll_points=(LinearLayout) findViewById(R.id.ll_points); for(int i=;i<banners.size();i++){ ImageView image=new ImageView(this); image.setImageResource(R.drawable.point_selector); LinearLayout.LayoutParams params=new LinearLayout.LayoutParams(, ); params.rightMargin=; image.setLayoutParams(params); ll_points.addView(image); if(i==){ image.setEnabled(true); }else{ image.setEnabled(false); } points.add(image); } // 設(shè)置適配器 vp_banner.setAdapter(new MyPagerAdapter()); vp_banner.setOnPageChangeListener(new OnPageChangeListener() { @Override public void onPageSelected(int arg) { tv_title.setText(titles[arg]); //小圖標(biāo)處理 for(ImageView point:points){ point.setEnabled(false); } points.get(arg).setEnabled(true); } @Override public void onPageScrolled(int arg, float arg, int arg) { // TODO Auto-generated method stub } @Override public void onPageScrollStateChanged(int arg) { // TODO Auto-generated method stub } }); } private class MyPagerAdapter extends PagerAdapter { @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView(banners.get(position)); } @Override public Object instantiateItem(ViewGroup container, int position) { container.addView(banners.get(position)); return banners.get(position); } @Override public int getCount() { return banners.size(); } @Override public boolean isViewFromObject(View arg, Object arg) { return arg == arg; } } }
以上所述是小編給大家介紹的Android開(kāi)發(fā)之滑動(dòng)圖片輪播標(biāo)題焦點(diǎn)的相關(guān)知識(shí),希望對(duì)大家有所幫助!
- Android 滑動(dòng)Scrollview標(biāo)題欄漸變效果(仿京東toolbar)
- Android之scrollview滑動(dòng)使標(biāo)題欄漸變背景色的實(shí)例代碼
- Android開(kāi)發(fā)實(shí)現(xiàn)標(biāo)題隨scrollview滑動(dòng)變色的方法詳解
- Android ListView滑動(dòng)改變標(biāo)題欄背景漸變效果
- Android 頂部標(biāo)題欄隨滑動(dòng)時(shí)的漸變隱藏和漸變顯示效果
- Android 中實(shí)現(xiàn)ListView滑動(dòng)隱藏標(biāo)題欄的代碼
- Android ScrollView滑動(dòng)實(shí)現(xiàn)仿QQ空間標(biāo)題欄漸變
- Android實(shí)現(xiàn)背景顏色滑動(dòng)漸變效果的全過(guò)程
- Android直播軟件搭建之實(shí)現(xiàn)背景顏色滑動(dòng)漸變效果的詳細(xì)代碼
- Android?App頁(yè)面滑動(dòng)標(biāo)題欄顏色漸變?cè)斀?/a>
相關(guān)文章
Android開(kāi)發(fā)中ViewPager實(shí)現(xiàn)多頁(yè)面切換效果
ViewPager用于實(shí)現(xiàn)多頁(yè)面的切換效果,該類存在于Google的兼容包里面,所以在引用時(shí)記得在BuilldPath中加入“Android-support-v4.jar”。具體詳情大家可以參考下本文2016-11-11Android開(kāi)發(fā)中常見(jiàn)問(wèn)題
這篇文章主要為大家詳細(xì)介紹了Android開(kāi)發(fā)中常見(jiàn)問(wèn)題,主要涉及了七個(gè)問(wèn)題,希望能幫助到大家,感興趣的小伙伴們可以參考一下2016-06-06Android采取BroadcastReceiver方式自動(dòng)獲取驗(yàn)證碼
這篇文章主要介紹了Android采取BroadcastReceiver方式自動(dòng)獲取驗(yàn)證碼,感興趣的小伙伴們可以參考一下2016-08-08Android實(shí)現(xiàn)短信驗(yàn)證碼獲取自動(dòng)填寫(xiě)功能(詳細(xì)版)
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)短信驗(yàn)證碼獲取自動(dòng)填寫(xiě)功能,很實(shí)用的功能分享給大家,感興趣的小伙伴們可以參考一下2016-08-08Android仿QQ在狀態(tài)欄顯示登錄狀態(tài)效果
這篇文章主要介紹了Android仿QQ在狀態(tài)欄顯示登錄狀態(tài)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12Android Scroll實(shí)現(xiàn)彈性滑動(dòng)_列表下拉彈性滑動(dòng)的示例代碼
下面小編就為大家分享一篇Android Scroll實(shí)現(xiàn)彈性滑動(dòng)_列表下拉彈性滑動(dòng)的示例代碼,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01Andoroid實(shí)現(xiàn)底部圖片選擇Dialog效果
這篇文章主要介紹了Andoroid實(shí)現(xiàn)底部圖片選擇Dialog效果,需要的朋友可以參考下2017-10-10基于Android AIDL進(jìn)程間通信接口使用介紹
本篇文章小編為大家介紹,基于Android AIDL進(jìn)程間通信接口使用介紹。需要的朋友參考下2013-04-04Android 實(shí)現(xiàn)將Bitmap 保存到本地
這篇文章主要介紹了Android 實(shí)現(xiàn)將Bitmap 保存到本地,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-03-03