我正在尝试使用简单的View Pager&Pager Adapter开发基本的imageView滑块。
因此,首先我将视图传呼器带入MainActivity中。我正在尝试开发一种具有简单布局的视图寻呼机,其中包含两个图像。
这是我的image_view_simple.xml
文件:
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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:id="@+id/constraintLayout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/image"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<ImageView
android:id="@+id/imageViewActionThumbnail"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:elevation="100dp"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:srcCompat="@drawable/ic_launcher_background" />
</android.support.constraint.ConstraintLayout>
在我的PagerAdapter
中,我正在做这样的事情:
public class MyPager extends PagerAdapter {
private Context context;
private ArrayList<String> imageList;
MyPager(Context context, ArrayList<String> imageList) {
this.context = context;
this.imageList = imageList;
}
@NonNull
@Override
public Object instantiateItem(@NonNull ViewGroup container, int position) {
ConstraintLayout view = (ConstraintLayout) LayoutInflater.from(context).inflate(R.layout.image_view_sample, container, false);
ImageView imageView = view.findViewById(R.id.image);
ImageView imageViewActionThumbnail = view.findViewById(R.id.imageViewActionThumbnail);
if (position == 0) {
imageViewActionThumbnail.setVisibility(View.VISIBLE);
}
GlideApp.with(context)
.load(imageList.get(position))
.into(imageView);
container.addView(view);
return view;
}
@Override
public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object view) {
container.removeView((View) view);
}
@Override
public int getCount() {
return imageList.size();
}
@Override
public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
return object == view;
}
}
但是在上述情况下,输出没有在第一张幻灯片中显示imageViewActionThumbnail
,就像我在适配器中设置visibility=true
一样(默认情况下,我甚至尝试将其显示在所有幻灯片中, XML,但未显示!)。
因此,我创建了一个文件temp.xml
,该文件只有TextView作为单个子文件,并添加了将其膨胀并将其附加到视图的代码。像这样
// Same code as above, just add the below two lines inside instantiateItem() method.
View view1 = LayoutInflater.from(context).inflate(R.layout.temp, view, false);
view.addView(view1);
container.addView(view);
return view;
并且输出显示每张幻灯片中的imageView(在左上角),如下图所示。
我想知道:
1:为什么在第一种情况下没有显示图像视图?为什么我需要给另一个布局充气并添加到父布局中呢?
2:如果要同时显示两个imageView而又不扩大其他任何布局,该怎么办。