android?ViewPager實現(xiàn)一個無限輪播圖
更新時間：2022年02月03日 09:24:29 作者：菜的一嘰
大家好，本篇文章主要講的是android?ViewPager實現(xiàn)一個無限輪播圖，感興趣的同學趕快來看一看吧，對你有幫助的話記得收藏一下
上節(jié)我們實現(xiàn)了一個圖片可以無限滑動的ViewPager，這一節(jié)我們需要自定義一個ViewPager來實現(xiàn)我們想要展現(xiàn)的布局
首先我們需要建一個包，然后新建一個java類，名字隨便起
這個類我們需要隨便繼承自一個viewGroup就行，viewGroup就是可以存放子控件的view，我們的各種layout，比如LinearLayour或者RelativeLayout這種可以在里面放東西的view，而TextView或者ImageView這種只能放內容而不能放其他view的就是普通view
然后我們選中三個構造器
package com.example.viewpager.views;
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.widget.RelativeLayout;
import androidx.annotation.NonNull;
import com.example.viewpager.R;
import java.util.AbstractSet;
public class LooperPager extends RelativeLayout {
public LooperPager(Context context) {
super(context);
}
public LooperPager(Context context,@NonNull AbstractSet abstrs) {
super(context, (AttributeSet) abstrs);
}
public LooperPager(Context context,@NonNull AbstractSet abstrs,int defStyleAttr) {
super(context, (AttributeSet) abstrs,defStyleAttr);
}
}然后我們在新建一個layout文件把想要實現(xiàn)的布局寫進去
因為我們是為ViewPager實現(xiàn)一個無限輪播的輪播圖，首先當然是寫一個ViewPager，然后是一個上方的標題，我們寫一個textview，因為想要和悲情區(qū)分開來，我們給背景設定為紅色，標題設定為白色，然后把文字居中，最后因為我們想要圖片在滑動時下方有一排根據(jù)圖片數(shù)量顯示滑動時代表圖片的標志的樣式，我們設定一個在控件底部居中顯示的線性布局，然后再線性布局內設定三個白色大小為5dp前后間隔為5dp的view
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="120dp"
android:background="@color/colorAccent"http://背景設為紅色
android:orientation="vertical">
<androidx.viewpager.widget.ViewPager
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
<TextView
android:id="@+id/textView2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="我是標題"
android:background="#ffffff "http://背景設為白色
android:textAlignment="center"http://居中
/>
<LinearLayout
android:layout_centerHorizontal="true"http://設為居中
android:layout_alignParentBottom="true"http://設為底部
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
<View
android:layout_width="5dp"
android:layout_height="5dp"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:background="#ffffff "/>
<View
android:layout_width="5dp"
android:layout_height="5dp"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:background="#ffffff "/>
<View
android:layout_width="5dp"
android:layout_height="5dp"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:background="#ffffff "/>
</LinearLayout>
</RelativeLayout>實現(xiàn)效果就是這樣的
接下來就是把我們寫好的自定義布局綁定我們的自定義的類，因為我們想要無論調那個構造方法最后像都讓他去調我們寫綁定的方法，所以我們要把其他方法里面的supper都改成this
package com.example.viewpager.views;
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.widget.RelativeLayout;
import androidx.annotation.NonNull;
import com.example.viewpager.R;
import java.util.AbstractSet;
public class LooperPager extends RelativeLayout {
public LooperPager(Context context) {
this(context,null);
}
public LooperPager(Context context,@NonNull AbstractSet abstrs) {
this(context, abstrs,0);
}
public LooperPager(Context context,@NonNull AbstractSet abstrs,int defStyleAttr) {
super(context, (AttributeSet) abstrs,defStyleAttr);
//自定義布局綁定當前類，this：當前類，ture：確定綁定
LayoutInflater.from(context).inflate(R.layout.looper_pager,this,true);
}
}下一步就是實驗我們的自定義控件有沒有成功啦，
重新創(chuàng)建一個啟動文件然后在再創(chuàng)建一個lauout文件
，這里我們右鍵剛才的looppager選擇
然后在新建的Layout文件里面粘貼設定好寬和高
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<com.example.viewpager.views.LooperPager
android:layout_width="match_parent"
android:layout_height="120dp"/>
</RelativeLayout>最后在我們新建的activity里面綁定剛才寫好的layout文件
package com.example.viewpager;
import android.os.Bundle;
import android.os.PersistableBundle;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;
public class supper_MainActivity extends AppCompatActivity {
@Override
public void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.supper_activity_main);
}
}效果就實現(xiàn)了
但剛開始寫完之后程序打開就報錯，我從凌晨一點開始找錯誤，找到兩點半發(fā)現(xiàn)布局文件里面的View寫成小寫view了，當時的心情不是一般的酸爽.....................
到此這篇關于android ViewPager實現(xiàn)一個無限輪播圖的文章就介紹到這了,更多相關android ViewPager輪播圖內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要為大家詳細介紹了Android實現(xiàn)隨手指移動小球，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
Android利用ViewPager實現(xiàn)帶小圓球的圖片滑動
這篇文章主要為大家詳細介紹了Android利用ViewPager實現(xiàn)帶小圓球的圖片滑動，并且只有第一次安裝app時才出現(xiàn)歡迎界面具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
本篇文章主要介紹了"Android基礎—未讀消息的紅點顯示"， 在很多APP里面，經常會看到未讀消息的小紅點，如下圖：這個功能用到的是一個控件，叫做BadgeView。 BadgeView的用法很簡單，直接把jar文件導入2017-04-04
這篇文章主要為大家介紹了Compose?的?Navigation組件使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
這篇文章主要介紹Android中深入學習對象的四種引用類型，Java中，一切被視為對象，引用則是用來操縱對象的;在JDK1.2就把對象引用分為四種級別，從而使程序能更靈活控制它的生命周期，級別由高到底依次為強引用、軟引用、弱引用、虛引用,需要的朋友可以參考一下2021-10-10
這篇文章主要為大家詳細介紹了Android仿京東分類效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-06-06
跟選擇銀行卡界面類似，也是用一個PopupWindow,不過輸入密碼界面是一個自定義view，當輸入六位密碼完成后用回調在Activity中獲取到輸入的密碼并以Toast顯示密碼。這篇文章主要介紹了Android自定義View仿支付寶輸入六位密碼功能的相關資料,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了Android編程之判斷SD卡狀態(tài)的方法,結合實例分析了Android針對SD卡的權限操作及狀態(tài)判定技巧,需要的朋友可以參考下2016-02-02
這篇文章主要為大家詳細介紹了Android實現(xiàn)垂直跑馬燈效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-04-04
進度條在Android中教程使用到，本文章向大家介紹一下Android自定義圓形進度條實現(xiàn)代碼，需要的朋友可以參考一下。2016-11-11