关键词：
【中文标题】如何只实现一个圆形进度条，直到图像被滑动加载【英文标题】：How to implement only one circular progress bar until images are loaded with glide 【发布时间】：2021-08-24 06:49:15 【问题描述】：您好，我只想实现一个圆形进度动画，直到从滑行加载图像，但是在占位符中实现动画后，它为每个单独的图像提供动画，并且图像更改为占位符图像大小，我没有想要
我希望布局的中心应该只有一个圆形进度动画，直到图像被加载到回收器视图中
Post_Item_Container.xml
<com.google.android.material.imageview.ShapeableImageView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/imageView"
android:layout_
android:layout_
android:layout_marginStart="6dp"
android:layout_marginTop="11dp"
android:layout_marginEnd="6dp"
android:contentDescription="@string/todo"
app:shapeAppearanceOverlay="@style/RoundedCorner" />
Fragment_Search.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/search_fragment"
android:layout_
android:layout_
android:background="@color/black">
<androidx.appcompat.widget.SearchView
android:id="@+id/search_view"
android:layout_
android:layout_
android:layout_alignParentTop="true"
android:layout_marginStart="15dp"
android:layout_marginTop="15dp"
android:layout_marginEnd="15dp"
android:layout_marginBottom="15dp"
android:background="@color/grey"
android:overScrollMode="never" />
<androidx.core.widget.NestedScrollView
android:layout_
android:layout_
android:layout_below="@+id/search_view"
android:overScrollMode="never">
<LinearLayout
android:id="@+id/linearLayout1"
android:layout_
android:layout_
android:gravity="center"
android:orientation="vertical">
<TextView
android:id="@+id/listText"
android:layout_
android:layout_
android:layout_margin="20dp"
android:paddingStart="40dp"
android:paddingEnd="0dp"
android:text="@string/today_s_most_liked_posts"
android:textColor="@color/white"
android:textSize="25sp"
android:textStyle="italic" />
<ProgressBar
android:layout_
android:layout_
android:drawable="@drawable/hu3fv"
android:layout_marginTop="240dp"
android:gravity="center_vertical|center_horizontal"/>
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/postRecyclerView"
android:layout_
android:layout_
android:orientation="vertical"
android:overScrollMode="never"/>
</LinearLayout>
</androidx.core.widget.NestedScrollView>
</RelativeLayout>
Search_Fragment.java
public class Search_Fragment extends Fragment
private final DatabaseReference databaseReference = FirebaseDatabase.getInstance().getReference("uploads");
public List<Upload> mUploads;
PostAdapter_Search postsAdapter;
RecyclerView postRecyclerView;
ProgressBar progressBar;
@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState)
View view = inflater.inflate(R.layout.fragment_search, container, false);
requireActivity().setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
postRecyclerView = view.findViewById(R.id.postRecyclerView);
progressBar = view.findViewById(R.id.progressBar);
postRecyclerView.setLayoutManager(
new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL)
);
getData();
progressBar.setVisibility(View.VISIBLE);
mUploads = new ArrayList<>();
postsAdapter = new PostAdapter_Search(getContext(), mUploads);
postRecyclerView.setAdapter(postsAdapter);
return view;
private void getData()
databaseReference.addValueEventListener(new ValueEventListener()
@Override
public void onDataChange(@NonNull DataSnapshot snapshot)
if (snapshot.exists())
mUploads.clear();
for (DataSnapshot dataSnapshot : snapshot.getChildren())
progressBar.setVisibility(View.GONE);
postRecyclerView.setVisibility(View.VISIBLE);
Upload upload = dataSnapshot.getValue(Upload.class);
upload.setmKey(dataSnapshot.getKey());
mUploads.add(upload);
//notify the adapter
postsAdapter.notifyDataSetChanged();
@Override
public void onCancelled(@NonNull DatabaseError error)
);
【问题讨论】：
***.com/questions/35305875/… 但这对我没有帮助，我之前访问过这个问题 问题是因为你的ShapeableImageView 的高度是wrap_content，所以设置ColorDrawable 是行不通的。而是将自定义可绘制对象添加到您的应用程序并使用它。这是同一fonts.google.com/…的链接
甚至尝试过这个，但是图像大小变成了我再次不想要的图标大小，我希望高度应该是 wrap_content 无论如何我试图让它像 pintrest 跨度>
有没有什么方法可以在图片加载到recycler视图后收取height和width参数，如果可以的话可以解决我的问题我想是的，如果可以的话我会在 XML 中给图像固定大小，然后正确显示微光效果，当加载图像时，图像高度和宽度参数从固定更改为匹配父级并在 java 文件中包装内容
【参考方案1】：
因为您使用的是 RecyclerView 并且因为您在 onBindViewHolder 方法中执行此操作
@Override
public void onBindViewHolder(@NonNull PostViewHolder holder, int position)
Upload uploadCurrent = mUploads.get(position);
Glide.with(mcontext)
.load(uploadCurrent.getmImageUrl())
.diskCacheStrategy(DiskCacheStrategy.DATA)
.placeholder(R.drawable.hu3fv)
.dontAnimate()
.into(holder.imageView);
在某种程度上，您将其应用于您的所有 RecyclerView 项目，因此它正在重复，因为这就是 RecyclerView 的目的。
如果您想要一个单独的 CircularProgressBar，您需要将其添加到您的 Fragment 或 Activity 布局中，具体取决于您使用的是这样的内容
<ProgressBar
android:id="@+id/progressBar"
android:layout_
android:layout_
android:padding="24dp"
android:visibility="visible" />
数据加载到RecyclerView后，您可以根据需要设置其大小并隐藏/显示其可见性
我了解您希望在 Glide 图像加载时显示 ProgressBar，但不建议这样做，因为您需要在每张图像完成加载后进行某种回调。
【讨论】：
请告诉我该怎么做 @Player91 看这里有两个不同的东西。如果您只想为 Glide 图像加载显示一个ProgressBar，那么我不建议您这样做，因为一旦图像完成加载，您将需要 Glide 的某种回调，同样，当您再次滚动时，ProgressBar 需要显示。相反，要么像你已经在做的那样保持单独的ProgessBar，或者只是保持一个在一起，直到时间数据加载到RecyclerView
兄弟如果能提供资源，将非常有帮助
是的，我会帮助你，但你能否确认这是否适合你@Player91 正如我所说的那样，这些是不同的事情。你想要的是这个one circular progress animation in the center of the layout until the images are loaded in the recycler view，正如我所说，不推荐这样做，因为如上所述，你需要解决各种问题。
那么您可以添加一些您的活动或片段的代码，无论您使用的是@Player91，简而言之，您需要在活动或片段的XML 布局中添加ProgessBar，正如我所说的。 显示进度条，直到 UITableView 加载所有 Cell
...间】：2021-11-0605:05:32【问题描述】：我正在使用Swift5构建一个应用程序。我用UITableView创建了一个视图。我需要显示进度条，直到所有Cell都加载完毕。问题是，对于每个单元格，我都从url加载图像，并且我需要显示进度条，直到... 查看详情
带有图像和圆形进度条的圆形按钮
...布时间】：2019-12-2819:29:53【问题描述】：我正在尝试制作一个按钮，里面有一个图像，外面有一个圆形进度条，按下按钮后是彩色的。我有一个.svg图像，它必须显示在一个直径为140像素的圆圈中。此图片必须是触发请求并激活... 查看详情
快速创建围绕图像的圆形进度条
...2016-07-2712:05:09【问题描述】：我正在尝试在图像周围创建一个圆形进度条，如下面的屏幕截图所示。到目前为止，我已经设法使用下面的代码创建了一个带有绿色边框的圆形图像：self.image.layer.cornerRadius=self.image.frame.size. 查看详情
如何创建圆形样式进度条
】如何创建圆形样式进度条【英文标题】：HowtocreateaCircularStyleProgressBar【发布时间】：2011-06-1918:24:09【问题描述】：我需要帮助来实现这样的循环进度条：我应该如何通过增加Value属性来实现Circle来填充？【问题讨论】：相关链... 查看详情
如何在加载时加载自定义进度条
】如何在加载时加载自定义进度条【英文标题】：Howtoloadacustomprogressbaratloadingtime【发布时间】：2014-10-2908:09:53【问题描述】：我有一个要求，我需要在初始屏幕上显示进度条/活动指示器，直到我在iOS7中完成数据下载。提前致谢... 查看详情
android中的圆形进度条
...inandroid【发布时间】：2015-09-1318:26:05【问题描述】：我想实现一些圆形进度条，中间有一个按钮，就像在whatsapp中一样。有谁知道一个好的图书馆来实现这一点？我想要完成的是这个。【问题讨论】：请求站外资源被认为是StackOv... 查看详情
如何在android中实现材料设计圆形进度条
】如何在android中实现材料设计圆形进度条【英文标题】：Howtoimplementamaterialdesigncircularprogressbarinandroid【发布时间】：2015-01-0501:04:38【问题描述】：我想制作一个类似于InboxbyGmailandroid应用中的MaterialDesign圆形进度条。我如何实现... 查看详情
纯css3实现圆形进度条动画
悄悄地，GIF格式的进度条已经越来越少，CSS进度条如雨后春笋般涌现。今天要介绍的这个CSS3进度条，效果和FlymeOS4上的加载动画一样。首先，来看下最终的效果： 查看详情
如何在Android中创建一个在其上旋转的圆形进度条？
】如何在Android中创建一个在其上旋转的圆形进度条？【英文标题】：HowtoCreateacircularprogressbarinAndroidwhichrotatesonit?【发布时间】：2014-02-1512:25:24【问题描述】：我正在尝试创建一个圆形进度条。这就是我想要实现的目标有一个灰... 查看详情
android之自定义圆形进度条
...页面以提高用户体验。对于这样的进度条，最简单的实现方式就是通过美工给我们切几张不同的图片，最后通过帧动画的方式来实现。通过帧动画实现固然可以，但是对美工的依赖很大。所以 查看详情
jQuery进度条加载直到页面重定向
...redirects【发布时间】：2015-10-0504:32:34【问题描述】：我有一个包含一些附属链接的网站，当点击链接时，用户会被带到我网站上的一个临时页面，这个页面上有一个隐藏的附属链接，在1秒后使用jQuery单击该链接。我想显示jQuery... 查看详情
javaswing圆形加载进度条(代码片段)
qt第三方圆形进度条-及其改进
Qt第三方圆形进度条的改进要实现一个圆形的进度条功能，在网上找到一个比较出名的第三方封装类：QRoundProgressBar，地址：sourceforge的QRoundProgressBar 功能封装的还是不错，提供了3种模式，线形、圆环、饼状。使用过程中发现... 查看详情
进度条加载消失
...oadingDisappear【发布时间】：2018-04-1312:36:03【问题描述】：如何使进度条加载直到执行doBackground()中的所有方法。我使用了Thread.sleep，加载程序显示它之后它会暂停执行所有方法，然后返回到下一个活动publicclassLoadDataForActivityextends... 查看详情
C# 自定义控件（圆形进度条） Xamarin Forms
...东西的最佳方法：我从来没有创造过这样的东西。我知道如何使用进度条，但不知道“圆形进度条”感谢您的帮助和任何提示。编辑：如果你有一个插件/nuget来做到这一点，那很 查看详情
如何在kivy中制作圆形进度条？
】如何在kivy中制作圆形进度条？【英文标题】：Howtomakecircularprogressbarinkivy?【发布时间】：2018-11-0516:04:11【问题描述】：我想用kivy和python制作一个简单的圆形进度条。我搜索了在线文档和GitHub曲目，但没有找到解释循环进度条... 查看详情
圆形进度条 Android
...倒数计时器。（来源：jiaojianli.com）到目前为止，我能够实现类似于倒数计时器但没有段或块概念的圆形进度条。【问题讨论】：【 查看详情
圆形百分比进度条
...间】：2015-06-0317:19:38【问题描述】：我想在我的网站上有一个百分比圆圈指示器：在这种情况下，它显示75%。这应该怎么做？我在图像文件中有黄色圆圈，但如果它更容易，以某种方式，使用CSS完成这一切，我没关系。【问题讨... 查看详情