如何在Android Studio中使用交错布局或任何其他建议在视图中制作图像集合

问题描述

我需要在android中的图像集合视图中显示图像集合。 https://i.stack.imgur.com/mdZzI.png

使用过的回收站视图无济于事

  • 对于2张图像,视图等于两半
  • 对于三个图像,一个视图是视图的一半,另一半则分为两半,依此类推

问题:

  1. 我需要添加一个单独的XML文件来查看一个图像,两个图像,还是在同一网格中具有特定高度的5幅图像。
  • 要查看一个图像,xml将具有更大的宽度和高度==>跨度为1
  • 对于两个图像,宽度和高度将有所不同,需要显示为相等的一半==>跨度为2
  • 对于三张图像==>需要在视图的一半显示一幅图像,而在另一半视图中显示另一幅==> 以下是如何为我的网格设置跨度计数
  • 对于4张图像==>跨度为2
  • 用于5张图像==>这里的跨度是多少?
  1. 如果 1不是最佳做法,如何在视图中显示图像时添加样式并动态设置跨度计数。

  2. 我添加了带有交错布局的回收站视图。但是,如果图像超出,则滚动。如果仅在一定的宽度和高度上设置布局,如何限制滚动

更新:

现在删除了回收站视图,并使用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张图片中对我没有帮助。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)