如何解决如何在Android Studio中使用交错布局或任何其他建议在视图中制作图像集合
我需要在android中的图像集合视图中显示图像集合。 https://i.stack.imgur.com/mdZzI.png
使用过的回收站视图无济于事
- 对于2张图像,视图等于两半
- 对于三个图像,一个视图是视图的一半,另一半则分为两半,依此类推
问题:
- 我需要添加一个单独的XML文件来查看一个图像,两个图像,还是在同一网格中具有特定高度的5幅图像。
- 要查看一个图像,xml将具有更大的宽度和高度==>跨度为1
- 对于两个图像,宽度和高度将有所不同,需要显示为相等的一半==>跨度为2
- 对于三张图像==>需要在视图的一半显示一幅图像,而在另一半视图中显示另一幅==> 以下是如何为我的网格设置跨度计数
- 对于4张图像==>跨度为2
- 用于5张图像==>这里的跨度是多少?
-
如果 1不是最佳做法,如何在视图中显示图像时添加样式并动态设置跨度计数。
-
我添加了带有交错布局的回收站视图。但是,如果图像超出,则滚动。如果仅在一定的宽度和高度上设置布局,如何限制滚动?
更新:
现在删除了回收站视图,并使用PercentRelativeLayout显示以上图像。
可以在这里布局。但是我有一个详细屏幕,可在下一个屏幕中滑动显示图像。由于该图片是在Imageview中给出的,因此需要进行点击以查看全部图片。
因为我以字符串形式给出了图像。我的ShowDetailImage是我的可刷选课。它适用于listItems中的其他对象。
但是此片段中的图像显示为AppCompatImageView,使onclick成为单个元素。
我可以在其中设置所有图像列表吗?在单击image0的情况下,如果图像> 1
,则需要显示所有图像而无需单击每个图像需要点击并查看每张图片
有关代码,请参见
protected View onInheritorCreateView(@NonNull LayoutInflater inflater,@Nullable ViewGroup container,@Nullable Bundle b) {
int value = mAdapter.getCount();
if (value ==1) {
return inflater.inflate(R.layout.one_image,container,false);
} else if (value == 2) {
return inflater.inflate(R.layout.grid_two_image,false);
} else if (value == 3) {
return inflater.inflate(R.layout.three_images,false);
} else if (value == 4) {
return inflater.inflate(R.layout.grid_four_image,false);
} else if (value == 5) {
return inflater.inflate(R.layout.grid_five_images,false);
} else {
return inflater.inflate(R.layout.five_plus,false);
}
}
public void onViewCreated(final View v,@Nullable Bundle b) {
super.onViewCreated(v,b);
int value1 = mAdapter.getCount();
if(value1 == 1) {
Utils.setOnClickListener(mOnClickListener,v,R.id.image0);
} else if (value1 == 2) {
Utils.setOnClickListener(mOnClickListener,R.id.image0,R.id.image1);
} else if (value1 == 3) {
Utils.setOnClickListener(mOnClickListener,R.id.image1,R.id.image2);
} else if (value1 == 4 ) {
Utils.setOnClickListener(mOnClickListener,R.id.image2,R.id.image3);
} else {
Utils.setOnClickListener(mOnClickListener,R.id.image3,R.id.image4,R.id.image0);
}
}
private final View.OnClickListener mOnClickListener = new View.OnClickListener() {
@Override
public void onClick(View view) {
switch (view.getId()) {
case R.id.image0;
final String url = "jpg image"
ShowDetailImage.newInstance(url).showImage(getFragmentManager());
case R.id.image1;
final String url = "jpg image"
ShowDetailImage.newInstance(url).showImage(getFragmentManager());
case R.id.image2;
final String url = "jpg image"
ShowDetailImage.newInstance(url).showImage(getFragmentManager());
case R.id.image3;
final String url = "jpg image"
ShowDetailImage.newInstance(url).showImage(getFragmentManager());
default
break;
我使用RecyclerView吗?请参阅here,但在3张和5张图片中对我没有帮助。
解决方法
作为StaggeredGridLayoutManager的替代方法,可以使用PercentRelativeLayout(即使已弃用)。例如,对于5张图片行,其布局应为:
<?xml version="1.0" encoding="utf-8"?>
<androidx.percentlayout.widget.PercentRelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@android:color/holo_blue_light">
<androidx.appcompat.widget.AppCompatImageView
android:id="@+id/image0"
android:layout_width="0dp"
android:layout_height="0dp"
android:scaleType="centerInside"
android:src="@android:mipmap/sym_def_app_icon"
android:background="@android:color/white"
app:layout_widthPercent="50%"
app:layout_aspectRatio="100%"/>
<androidx.appcompat.widget.AppCompatImageView
android:id="@+id/image1"
android:layout_width="0dp"
android:layout_height="0dp"
android:scaleType="centerInside"
android:src="@android:mipmap/sym_def_app_icon"
android:background="@android:color/white"
app:layout_widthPercent="25%"
app:layout_aspectRatio="100%"
app:layout_marginLeftPercent="50%"/>
<androidx.appcompat.widget.AppCompatImageView
android:id="@+id/image2"
android:layout_width="0dp"
android:layout_height="0dp"
android:scaleType="centerInside"
android:src="@android:mipmap/sym_def_app_icon"
android:background="@android:color/white"
app:layout_widthPercent="25%"
app:layout_aspectRatio="100%"
app:layout_marginLeftPercent="75%"/>
<androidx.appcompat.widget.AppCompatImageView
android:id="@+id/image3"
android:layout_width="0dp"
android:layout_height="0dp"
android:scaleType="centerInside"
android:src="@android:mipmap/sym_def_app_icon"
android:background="@android:color/white"
app:layout_widthPercent="25%"
app:layout_aspectRatio="100%"
app:layout_marginLeftPercent="50%"
android:layout_below="@id/image1"/>
<androidx.appcompat.widget.AppCompatImageView
android:id="@+id/image4"
android:layout_width="0dp"
android:layout_height="0dp"
android:scaleType="centerInside"
android:src="@android:mipmap/sym_def_app_icon"
android:background="@android:color/white"
app:layout_widthPercent="25%"
app:layout_aspectRatio="100%"
app:layout_marginLeftPercent="75%"
android:layout_below="@id/image2"/>
</androidx.percentlayout.widget.PercentRelativeLayout>
查看完整示例here
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。