Android開發(fā)之滑動(dòng)圖片輪播標(biāo)題焦點(diǎn)

更新時(shí)間：2016年05月03日 10:34:53 作者：陶士涵

這篇文章主要介紹了Android開發(fā)之滑動(dòng)圖片輪播標(biāo)題焦點(diǎn)的相關(guān)資料,需要的朋友可以參考下

先給大家這是下效果圖：

谷歌提供的v4包，ViewPager

在布局文件中，先添加<android.support.v4.view.ViewPager/>控件，這個(gè)只是輪播的區(qū)域

在布局文件中，布置標(biāo)題描述部分

線性布局，豎向排列，背景色黑色半透明，這個(gè)布局和上面的ViewPager底部對(duì)齊layout_alignBottom=”@id/xxx”

<TextView/>居中顯示，

小點(diǎn)部分，先放過空的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)以下方法

重寫getCount()方法，返回輪播的個(gè)數(shù)

重寫isViewFromObject()方法，返回布爾值，

重寫instantiateItem()方法，將當(dāng)前view對(duì)象添加到ViewGroup對(duì)象，返回當(dāng)前對(duì)象

重寫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)，重寫以下方法

onPageSelected()方法，頁面切換后調(diào)用，傳遞進(jìn)參數(shù)，int索引

onPageScrolled()方法，當(dāng)頁面正在滾動(dòng)的時(shí)候

onPageScrollStateChanged()方法，當(dāng)頁面滾動(dòng)狀態(tài)改變的時(shí)候

小圖標(biāo)部分

新建兩個(gè)shape文件，使用xml畫兩個(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開發(fā)之滑動(dòng)圖片輪播標(biāo)題焦點(diǎn)的相關(guān)知識(shí)，希望對(duì)大家有所幫助！

您可能感興趣的文章: