程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

Android Studio App开发实战项目之广告轮播(附源码 可用于大作业)

发布于2023-06-19 22:42     阅读(2167)     评论(0)     点赞(13)     收藏(3)


需要图片集和源码请点赞关注收藏后评论区留言即可~~~

电商App的首页上方,都在明显位置放了一栏广告条,并且广告条会轮播,非常吸引眼球,这种广告轮播的功能,为推广热门事物出力甚大。

轮播视频已上传至我的主页,有需要可自行前往观看~

一、需求描述

作为App首页的常客,广告轮播特效早就为人所熟知,它的界面也司空见惯 效果如下

广告条除了广告图片之外,底部还有一排圆点,这些圆点被称作指示器,每当轮播到第几个广告,指示器就高亮显示第几个圆点,其余圆点显示白色,如此依赖用户便知道当前播放到了第几个广告

 

 

 二、界面设计

用到的控件如下

1:相对视图

2:单选组

3:翻页视图

4:翻页适配器

此外 广告每隔两三秒就轮播下一个广告,这种自动轮播可采用Handler+Runnable,因此有必要将广告条封装为单独的控件,以便随时随地在各页面中添加。

三、关键部分 

1:定义广告条的XML布局文件

采用相对布局以及内部嵌套容纳广告图片的翻页视图

2:编写广告条的Java定义代码

3:为广告条添加图片清单

指定广告图片的来源以及数量

4:实现广告条的自动轮播功能

给广告条添加图片清单之后,还得设置具体的轮播规则

5:在活动页面中使用广告条控件

引用时声明路径

四、代码

Java类

  1. package com.example.chapter10;
  2. import android.annotation.SuppressLint;
  3. import android.os.Bundle;
  4. import android.widget.LinearLayout.LayoutParams;
  5. import android.widget.TextView;
  6. import androidx.appcompat.app.AppCompatActivity;
  7. import com.example.chapter10.util.Utils;
  8. import com.example.chapter10.widget.BannerPager;
  9. import com.example.chapter10.widget.BannerPager.BannerClickListener;
  10. import java.util.ArrayList;
  11. import java.util.List;
  12. @SuppressLint("DefaultLocale")
  13. public class BannerPagerActivity extends AppCompatActivity implements BannerClickListener {
  14. private static final String TAG = "BannerPagerActivity";
  15. private TextView tv_pager;
  16. private List<Integer> getImageList() {
  17. ArrayList<Integer> imageList = new ArrayList<Integer>();
  18. imageList.add(R.drawable.banner_1);
  19. imageList.add(R.drawable.banner_2);
  20. imageList.add(R.drawable.banner_3);
  21. imageList.add(R.drawable.banner_4);
  22. imageList.add(R.drawable.banner_5);
  23. return imageList; // 返回默认的广告图片列表
  24. }
  25. @Override
  26. protected void onCreate(Bundle savedInstanceState) {
  27. super.onCreate(savedInstanceState);
  28. setContentView(R.layout.activity_banner_pager);
  29. tv_pager = findViewById(R.id.tv_pager);
  30. // 从布局文件中获取名叫banner_pager的广告轮播条
  31. BannerPager banner = findViewById(R.id.banner_pager);
  32. // 获取广告轮播条的布局参数
  33. LayoutParams params = (LayoutParams) banner.getLayoutParams();
  34. params.height = (int) (Utils.getScreenWidth(this) * 250f / 640f);
  35. banner.setLayoutParams(params); // 设置广告轮播条的布局参数
  36. banner.setImage(getImageList()); // 设置广告轮播条的广告图片列表
  37. banner.setOnBannerListener(this); // 设置广告轮播条的广告点击监听器
  38. banner.start(); // 开始广告图片的轮播滚动
  39. }
  40. // 一旦点击了广告图,就回调监听器的onBannerClick方法
  41. public void onBannerClick(int position) {
  42. String desc = String.format("您点击了第%d张图片", position + 1);
  43. tv_pager.setText(desc);
  44. }
  45. }

滚动视图类

  1. package com.example.chapter10;
  2. import android.os.Bundle;
  3. import android.widget.ListView;
  4. import androidx.appcompat.app.AppCompatActivity;
  5. import com.example.chapter10.adapter.PlanetListAdapter;
  6. import com.example.chapter10.bean.Planet;
  7. import com.example.chapter10.widget.NoScrollListView;
  8. public class NoscrollListActivity extends AppCompatActivity {
  9. @Override
  10. protected void onCreate(Bundle savedInstanceState) {
  11. super.onCreate(savedInstanceState);
  12. setContentView(R.layout.activity_noscroll_list);
  13. PlanetListAdapter adapter1 = new PlanetListAdapter(this, Planet.getDefaultList());
  14. // 从布局文件中获取名叫lv_planet的列表视图
  15. // lv_planet是系统自带的ListView,被ScrollView嵌套只能显示一行
  16. ListView lv_planet = findViewById(R.id.lv_planet);
  17. lv_planet.setAdapter(adapter1); // 设置列表视图的行星适配器
  18. lv_planet.setOnItemClickListener(adapter1);
  19. lv_planet.setOnItemLongClickListener(adapter1);
  20. PlanetListAdapter adapter2 = new PlanetListAdapter(this, Planet.getDefaultList());
  21. // 从布局文件中获取名叫nslv_planet的不滚动列表视图
  22. // nslv_planet是自定义控件NoScrollListView,会显示所有行
  23. NoScrollListView nslv_planet = findViewById(R.id.nslv_planet);
  24. nslv_planet.setAdapter(adapter2); // 设置不滚动列表视图的行星适配器
  25. nslv_planet.setOnItemClickListener(adapter2);
  26. nslv_planet.setOnItemLongClickListener(adapter2);
  27. }
  28. }

XML文件

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. android:layout_width="match_parent"
  3. android:layout_height="match_parent"
  4. android:orientation="vertical">
  5. <!-- 自定义的广告轮播条,需要使用全路径 -->
  6. <com.example.chapter10.widget.BannerPager
  7. android:id="@+id/banner_pager"
  8. android:layout_width="match_parent"
  9. android:layout_height="wrap_content" />
  10. <TextView
  11. android:id="@+id/tv_pager"
  12. android:layout_width="match_parent"
  13. android:layout_height="wrap_content"
  14. android:gravity="center"
  15. android:paddingTop="10dp"
  16. android:text="上面的广告图片会自动轮播"
  17. android:textColor="@color/black"
  18. android:textSize="17sp" />
  19. </LinearLayout>

2

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. android:layout_width="match_parent"
  3. android:layout_height="match_parent">
  4. <androidx.viewpager.widget.ViewPager
  5. android:id="@+id/vp_banner"
  6. android:layout_width="match_parent"
  7. android:layout_height="match_parent" />
  8. <RadioGroup
  9. android:id="@+id/rg_indicator"
  10. android:layout_width="wrap_content"
  11. android:layout_height="wrap_content"
  12. android:paddingBottom="2dp"
  13. android:orientation="horizontal"
  14. android:layout_alignParentBottom="true"
  15. android:layout_centerHorizontal="true" />
  16. </RelativeLayout>

创作不易 觉得有帮助请点赞关注收藏~~~

原文链接:https://blog.csdn.net/jiebaoshayebuhui/article/details/127816603



所属网站分类: 技术文章 > 博客

作者:java是世界上最好的语言

链接:http://www.javaheidong.com/blog/article/674524/9d1412832772490d8e0c/

来源:java黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

13 0
收藏该文
已收藏

评论内容:(最多支持255个字符)