Androidは簡単なbannerの輪播図を実現します。
本論文の例では、Androidの簡単なbannerの輪播図を実現するための具体的なコードを共有しています。参考にしてください。具体的な内容は以下の通りです。
説明:簡単な輪播図の効果を遊びたいです。 使っている第三者のフレームで遊んでください。
1.効果図
2.依存関係を追加
説明:簡単な輪播図の効果を遊びたいです。 使っている第三者のフレームで遊んでください。
1.効果図
2.依存関係を追加
implementation 'com.youth.banner:banner:1.4.10'
implementation "com.github.bumptech.glide:glide:4.6.1"
3.メインインターフェース
package com.example.myapplication34;
import android.os.Bundle;
import com.youth.banner.Banner;
import com.youth.banner.BannerConfig;
import com.youth.banner.Transformer;
import java.util.ArrayList;
import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
//
private Banner mbanner;
//
private MyImageLoader myImageLoader;
private ArrayList<Integer> photos;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Bundle bundle = getIntent().getBundleExtra("bundle");
initData();
initView();
}
//
private void initView() {
mbanner = (Banner) findViewById(R.id.banner);
//
mbanner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR); //CIRCLE_INDICATOR
//
mbanner.setImageLoader(myImageLoader);
// , , 。
mbanner.setBannerAnimation(Transformer.ZoomOutSlide);
//
mbanner.setDelayTime(3000);
// , true
mbanner.isAutoPlay(true);
// , ,
mbanner.setIndicatorGravity(BannerConfig.CENTER);
//
mbanner.setImages(photos)
// , 。
.start();
}
//
private void initData() {
myImageLoader = new MyImageLoader();
// photos
photos = new ArrayList<Integer>();
photos.add(R.mipmap.photo2);
photos.add(R.mipmap.photo1);
photos.add(R.mipmap.photo3);
photos.add(R.mipmap.photo4);
photos.add(R.mipmap.photo5);
photos.add(R.mipmap.photo6);
}
}
4.画像ソースデータの設定
package com.example.myapplication34;
import android.content.Context;
import android.widget.ImageView;
import com.bumptech.glide.Glide;
import com.youth.banner.loader.ImageLoader;
public class MyImageLoader extends ImageLoader {
@Override
public void displayImage(Context context, Object path, ImageView imageView) {
Glide.with(context.getApplicationContext())
.load(path)
.into(imageView);
}
}
5.レイアウト
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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.youth.banner.Banner
android:id="@+id/banner"
android:layout_width="match_parent"
android:layout_height="200dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</LinearLayout>
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。