大学の Android スタジオの授業の宿題の例として使用されています. 必要がない場合は、盗用しないでください.
現在、多くの APP にはこの画像カルーセル機能があり、プロジェクトでよく使用されます. 画像カルーセルは、一般に、ユーザーが積極的に切り替えていないときに間隔を置いて自動的に切り替わり、ユーザーが積極的に切り替えると自動的に停止します. 指が離れると、再起動します.タイミングとカルーセルを開始するには、この関数を以下に実装しましょう
目次
サンプルコード
activity_mian.xml
<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="top|fill"
android:alignmentMode="alignMargins"
android:background="#eeeeee"
android:columnCount="4"
android:rowCount="2">
<ViewFlipper
android:id="@+id/view_flipper"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_columnSpan="4"
android:flipInterval="3000"
android:inAnimation="@anim/view_flipper_right_in"
android:outAnimation="@anim/view_flipper_left_out">
<include layout="@layout/view_flipper_page1" />
<include layout="@layout/view_flipper_page2" />
</ViewFlipper>
<Button
android:id="@+id/button_start"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_columnWeight="1.0"
android:text="开始" />
<Button
android:id="@+id/button_stop"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_columnWeight="1.0"
android:text="停止" />
<Button
android:id="@+id/button_previous"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_columnWeight="1.0"
android:text="上一页" />
<Button
android:id="@+id/button_next"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_columnWeight="1.0"
android:text="下一页" />
</GridLayout>
view_flipper_left_out.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="2000"
android:fromXDelta="100%p"
android:toXDelta="0" />
</set>
view_flipper_right_out.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="2000"
android:fromXDelta="100%p"
android:toXDelta="0" />
</set>
view_flipper_page1.xml
<?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"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:adjustViewBounds="true"
app:srcCompat="@mipmap/img_1656" />
</LinearLayout>
MainActivity.java
package com.vt.(/ *# /);
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.Toast;
import android.widget.ViewFlipper;
public class MainActivity extends AppCompatActivity {
private ViewFlipper mVewFlipper;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
View view3 = View.inflate(MainActivity.this, R.layout.view_flipper_page3, null);
ImageView imageView4 = new ImageView(this);
imageView4.setAdjustViewBounds(true);
imageView4.setImageResource(R.mipmap.img_9546);
mVewFlipper = findViewById(R.id.view_flipper);
mVewFlipper.addView(imageView4);
mVewFlipper.addView(view3,2);
mVewFlipper.startFlipping();
mVewFlipper.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(MainActivity.this, "当前显示的子视图索引号为"+mVewFlipper.getDisplayedChild(), Toast.LENGTH_SHORT).show();
}
});
Button startBtn = findViewById(R.id.button_start);
startBtn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mVewFlipper.startFlipping();
}
});
Button stopBtn = findViewById(R.id.button_stop);
stopBtn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mVewFlipper.stopFlipping();
}
});
Button previousBtn = findViewById(R.id.button_previous);
previousBtn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mVewFlipper.showPrevious();
}
});
Button nextBtn = findViewById(R.id.button_next);
nextBtn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mVewFlipper.showNext();
}
});
}
}
最後に、コードを実行して図に示すようにカルーセルを表示し、さらにいくつかの画像を追加して効果を表示します。
同級生よ、学費を払ってから勉強を頑張らなきゃ、コピーコピーは自分を傷つける
注意を追加して、ありがとうございます!! !
注: コードを直接コピーする場合は、独自の背景画像を追加してファイル名を変更してください。その他のエラーについてはメッセージを残してください。
WeChat アプレット、ポスター デザイン、ロゴ デザインをカスタマイズする必要がある場合は、弟の VX: Doi000101 を追加してください。