Android viewpager自动轮播和小圆点联动效果

砸漏

发布于 2020-10-26 16:34:56

7470

发布于 2020-10-26 16:34:56

文章被收录于专栏：恩蓝脚本

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下

首先来看一下我们要做成的而效果：

主页面要显示一个viewpager自动轮播+小圆点联动的效果：

废话不多说，直接上代码：

布局文件：

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

接下来看一下要用到的架包文件：

最后是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);
}
//创建适配器
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： *这是个空文件*

public class Category { }

Category.java： *这是个空文件*

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： *这是个空文件*

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;
}
}

以上就是全部的代码了，新手练习。

以上就是本文的全部内容，希望对大家的学习有所帮助。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020-09-11 ，如有侵权请联系 cloudcommunity@tencent.com 删除

xml