Android viewpager自動(dòng)輪播和小圓點(diǎn)聯(lián)動(dòng)效果
本文實(shí)例為大家分享了Android九宮格圖片展示的具體代碼,供大家參考,具體內(nèi)容如下
首先來(lái)看一下我們要做成的而效果:
主頁(yè)面要顯示一個(gè)viewpager自動(dòng)輪播+小圓點(diǎn)聯(lián)動(dòng)的效果 :

廢話不多說(shuō),直接上代碼:
布局文件:

activity_main.xml:
<LinearLayout 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:orientation="vertical" >
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="200dp" >
<android.support.v4.view.ViewPager
android:id="@+id/main_vp"
android:layout_width="match_parent"
android:layout_height="200dp" >
</android.support.v4.view.ViewPager>
<LinearLayout
android:id="@+id/ll_doc"
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_alignParentBottom="true"
android:gravity="center"
android:orientation="horizontal" >
</LinearLayout>
</RelativeLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="100dp" >
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="80dp" >
</LinearLayout>
<GridView
android:id="@+id/main_gv"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:numColumns="2"
>
</GridView>
</LinearLayout>
menu下的main.xml:
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
tools:context="com.example.monthextwo.MainActivity" >
<item
android:id="@+id/action_settings"
android:orderInCategory="100"
android:showAsAction="never"
android:title="@string/action_settings"/>
</menu>
接下來(lái)看一下要用到的架包文件:

最后是Java文件:

首先是com.example.monthextwo包中的MainActivity.java:
public class MainActivity extends Activity {
ViewPager vp;
DataResult data;
List<ImageView> list;
List<ImageView> list_doc;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
initData();
}
private void initView() {
vp = (ViewPager) findViewById(R.id.main_vp);
}
public void initDoc(){
LinearLayout ll_dco = (LinearLayout) findViewById(R.id.ll_doc);
list_doc = new ArrayList<ImageView>();
if(data != null && data.getResult().getAdvs().size() > 0){
for (int i = 0; i < data.getResult().getAdvs().size(); i++) {
ImageView iv = new ImageView(this);
LayoutParams params = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
params.rightMargin = 10;
iv.setLayoutParams(params);
if(i == 0){
iv.setBackgroundResource(R.drawable.doc_check);
}else{
iv.setBackgroundResource(R.drawable.doc_uncheck);
}
ll_dco.addView(iv);
list_doc.add(iv);
}
}
}
private void initData() {
new AsyncTask<String, String, String>(){
@Override
protected String doInBackground(String... params) {
String json = NetUtils.getNetData("http://www.babybuy100.com/API/getShopOverview.ashx");
Gson gson = new Gson();
data = gson.fromJson(json, DataResult.class);
Log.i("=================", data.toString());
return null;
}
@Override
protected void onPostExecute(String result) {
initVP();
super.onPostExecute(result);
}
}.execute();
}
protected void initVP() {
list = new ArrayList<ImageView>();
if(data != null && data.getResult().getAdvs().size() > 0){
for (int i = 0; i < data.getResult().getAdvs().size(); i++) {
ImageView iv = new ImageView(this);
iv.setScaleType(ScaleType.FIT_XY);
ImageLoader.getInstance().displayImage(data.getResult().getAdvs().get(i).getPic(), iv);
list.add(iv);
}
//創(chuàng)建適配器
MyPagerAdatper myPagerAdatper = new MyPagerAdatper(list);
vp.setAdapter(myPagerAdatper);
initDoc();
vp.addOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int arg0) {
int index = arg0 % list_doc.size();
for (int i = 0; i < list_doc.size(); i++) {
list_doc.get(i).setBackgroundResource(R.drawable.doc_uncheck);
}
list_doc.get(index).setBackgroundResource(R.drawable.doc_check);
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
// TODO Auto-generated method stub
}
@Override
public void onPageScrollStateChanged(int arg0) {
// TODO Auto-generated method stub
}
});
}
}
}
MyApp.xml:
public class MyApp extends Application{
@Override
public void onCreate() {
// TODO Auto-generated method stub
super.onCreate();
ImageLoaderConfiguration configuration = ImageLoaderConfiguration.createDefault(this);
ImageLoader.getInstance().init(configuration);
}
}
com.example.monthextwo.adapter包下的MyPagerAdatper.java:
public class MyPagerAdatper extends PagerAdapter{
List<ImageView> list;
public MyPagerAdatper(List<ImageView> list) {
super();
this.list = list;
}
@Override
public int getCount() {
if(list != null){
return Integer.MAX_VALUE;
}
return 0;
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
// TODO Auto-generated method stub
return arg0 == arg1;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
// TODO Auto-generated method stub
container.removeView((View) object);
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
int index = position % list.size();
container.addView(list.get(index));
return list.get(index);
}
}
com.example.monthextwo.bean包下的Adv.java:
public class Adv {
String pic;
public String getPic() {
return pic;
}
public void setPic(String pic) {
this.pic = pic;
}
@Override
public String toString() {
return "Avd [pic=" + pic + "]";
}
}
Brand.java: *這是個(gè)空文件*
public class Category { }
Category.java: *這是個(gè)空文件*
public class Category { }
DataResult.java:
public class DataResult {
Result result;
public Result getResult() {
return result;
}
public void setResult(Result result) {
this.result = result;
}
@Override
public String toString() {
return "DataResult [result=" + result + "]";
}
}
Nation.java: *這是個(gè)空文件*
public class Nation { }
Result.java:
public class Result {
List<Adv> advs = new ArrayList<Adv>();
List<Brand> brands = new ArrayList<Brand>();
List<Category> categorys = new ArrayList<Category>();
List<Nation> nations = new ArrayList<Nation>();
public List<Adv> getAdvs() {
return advs;
}
public void setAdvs(List<Adv> advs) {
this.advs = advs;
}
public List<Brand> getBrands() {
return brands;
}
public void setBrands(List<Brand> brands) {
this.brands = brands;
}
public List<Category> getCategorys() {
return categorys;
}
public void setCategorys(List<Category> categorys) {
this.categorys = categorys;
}
public List<Nation> getNations() {
return nations;
}
public void setNations(List<Nation> nations) {
this.nations = nations;
}
@Override
public String toString() {
return "Result [avds=" + advs + ", brands=" + brands + ", categorys="
+ categorys + ", nations=" + nations + "]";
}
}
com.example.monthextwo.net包下的NetUtils.java:
public class NetUtils {
public static String getNetData(String path){
String json = "";
try {
URL url = new URL(path);
HttpURLConnection conn = (HttpURLConnection) url.openConnection();
conn.setRequestMethod("GET");
int code = conn.getResponseCode();
if(code == 200){
InputStream is = conn.getInputStream();
ByteArrayOutputStream bos = new ByteArrayOutputStream();
int len = -1;
byte[] buff = new byte[1024];
while((len = is.read(buff)) != -1){
bos.write(buff, 0, len);
}
json = new String(bos.toByteArray());
}
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return json;
}
}
以上就是全部的代碼了,新手練習(xí)。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- android實(shí)現(xiàn)banner輪播圖無(wú)限輪播效果
- Android viewpager無(wú)限輪播獲取網(wǎng)絡(luò)圖片功能
- AndroidImageSlider實(shí)現(xiàn)炫酷輪播廣告效果
- Android ViewPager實(shí)現(xiàn)無(wú)限循環(huán)輪播廣告位Banner效果
- Android自定義控件實(shí)現(xiàn)優(yōu)雅的廣告輪播圖
- Android使用ViewPager加載圖片和輪播視頻
- Android ViewPager實(shí)現(xiàn)輪播圖效果
- Android實(shí)現(xiàn)基于ViewPager的無(wú)限循環(huán)自動(dòng)播放帶指示器的輪播圖CarouselFigureView控件
- Android實(shí)現(xiàn)ViewPage輪播圖效果
- 詳解android 視頻圖片混合輪播實(shí)現(xiàn)
相關(guān)文章
Android Flutter實(shí)現(xiàn)上拉加載組件的示例代碼
既然列表有下拉刷新外當(dāng)然還有上拉加載更多操作了,本次就為大家詳細(xì)介紹如何利用Flutter實(shí)現(xiàn)為列表增加上拉加載更多的交互,感興趣的可以了解一下2022-08-08
Android獲取SD卡路徑及SDCard內(nèi)存的方法
這篇文章主要介紹了Android獲取SD卡路徑及SDCard內(nèi)存的方法,較為詳細(xì)的分析了Android針對(duì)SD卡操作所涉及的類及其具體函數(shù)功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
Android仿QQ微信未讀消息小紅點(diǎn)BadgeHelper
這篇文章主要介紹了Android仿QQ微信未讀消息小紅點(diǎn)的實(shí)現(xiàn),本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-09-09
360瀏覽器文本框獲得焦點(diǎn)后被android軟鍵盤遮罩該怎么辦
最近接了個(gè)項(xiàng)目,項(xiàng)目需求是這樣的,站點(diǎn)上篩選按鈕點(diǎn)擊后彈出層(fixed),當(dāng)輸入框獲取焦點(diǎn)以后彈出系統(tǒng)自帶的軟鍵盤,在android上十款瀏覽器挨個(gè)測(cè)試比對(duì),發(fā)現(xiàn)在360瀏覽器彈出鍵盤以后獲取焦點(diǎn)的文本框被軟鍵盤覆蓋了,下面分享我的解決辦法2015-12-12
Android學(xué)習(xí)筆記——Menu介紹(三)
今天繼續(xù)昨天沒(méi)有講完的Menu的學(xué)習(xí),主要是Popup Menu的學(xué)習(xí),需要的朋友可以參考下2014-10-10
Flexbox+ReclyclerView實(shí)現(xiàn)流式布局
這篇文章主要為大家詳細(xì)介紹了Flexbox+ReclyclerView實(shí)現(xiàn)流式布局,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-11-11
詳解Android內(nèi)存泄漏檢測(cè)與MAT使用
編寫沒(méi)有內(nèi)存泄漏的程序,對(duì)提高程序穩(wěn)定性,提高用戶體驗(yàn)具有重要的意義。這篇文章主要介紹了詳解Android內(nèi)存泄漏檢測(cè)與MAT使用,有興趣的可以了解一下。2016-12-12
Android TabHost選項(xiàng)卡標(biāo)簽圖標(biāo)始終不出現(xiàn)的解決方法
這篇文章主要介紹了Android TabHost選項(xiàng)卡標(biāo)簽圖標(biāo)始終不出現(xiàn)的解決方法,涉及Android界面布局相關(guān)屬性與狀態(tài)設(shè)置操作技巧,需要的朋友可以參考下2019-03-03
Android滑動(dòng)優(yōu)化高仿QQ6.0側(cè)滑菜單(滑動(dòng)優(yōu)化)
之前的實(shí)現(xiàn)只是簡(jiǎn)單的可以顯示和隱藏左側(cè)的菜單,但是特別生硬,而且沒(méi)有任何平滑的趨勢(shì),那么今天就來(lái)優(yōu)化一下吧,加上平滑效果,而且可以根據(jù)手勢(shì)滑動(dòng)的方向來(lái)判斷是否是顯示和隱藏2016-02-02

