微光动画不会在 RecyclerView 加载时停止

Question

我有一个从 firebase 获取数据的 Recycler View，我想做的是，当所有数据都加载完毕并且填充了 recycler 视图后，微光动画应该停止并消失。我对进度条进行了相同的尝试，并且没有任何问题。但万一闪光动画它不会停止。我创建了两种方法，一种是启动动画，另一种是停止动画。请帮助我处理我的代码，并提出我需要更改的内容以达到预期的结果。我在 onBindViewHolder 中调用 stopLoading 函数。提前致谢。

public class buynow extends AppCompatActivity {

private RecyclerView recyclerView;
private DatabaseReference ProductRef;
private FirebaseRecyclerAdapter<Products, UsersViewHolder> firebaseRecyclerAdapter;
private String searchText = "";

public void showLoading(){
    ShimmerFrameLayout shimmerFrameLayout = findViewById(R.id.shimmer_view);
    shimmerFrameLayout.startShimmerAnimation();
}

public void stopLoading(){
    ShimmerFrameLayout shimmerFrameLayout = findViewById(R.id.shimmer_view);
    shimmerFrameLayout.setVisibility(View.GONE);
}


@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_buynow);
    Firebase.setAndroidContext(buynow.this);

    Bundle extras = getIntent().getExtras();
    if(extras != null){
        searchText = extras.getString("phone_name");
    }

    setActionBarTitle();

    showLoading();

    Toast.makeText(buynow.this,"Loading",Toast.LENGTH_SHORT).show();

    ProductRef = FirebaseDatabase.getInstance().getReference().child("Products");

    recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
    recyclerView.setHasFixedSize(true);
    recyclerView.setLayoutManager(new LinearLayoutManager(this));

    firebaseUserSearch(searchText);
}

private void firebaseUserSearch(String searchText){

    Query firebaseSearchQuery = ProductRef.orderByChild("pname").startAt(searchText).endAt(searchText + "\uf8ff");

    FirebaseRecyclerOptions<Products> options = new FirebaseRecyclerOptions.Builder<Products>()
            .setQuery(firebaseSearchQuery,Products.class).build();

    firebaseRecyclerAdapter = new FirebaseRecyclerAdapter<Products, UsersViewHolder>(options) {


        @Override
        protected void onBindViewHolder(@NonNull UsersViewHolder holder, int position, @NonNull Products model) {

            holder.setDetails(getApplicationContext(), model.getPname(), model.getPprice(), model.getPmrp(), model.getPcondition(), model.getPimage());
            stopLoading();
        }

        @NonNull
        @Override
        public UsersViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
            View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.buy_now_phones,parent,false);
            return new UsersViewHolder(view);

        }
    };

    recyclerView.setAdapter(firebaseRecyclerAdapter);
    firebaseRecyclerAdapter.startListening();

}

@Override
protected void onStart() {
    super.onStart();
    firebaseRecyclerAdapter.startListening();
}

//View Holder Class
public static class UsersViewHolder extends RecyclerView.ViewHolder{

    View mView;

    private UsersViewHolder(@NonNull View itemView) {
        super(itemView);
        mView = itemView;
    }

    private void setDetails(Context context, String phoneName, String phonePrice, String phoneMrp, String phoneCondition, String phoneImage){

        TextView phone_name = (TextView) mView.findViewById(R.id.product_name);
        TextView phone_price = (TextView) mView.findViewById(R.id.product_price);
        TextView phone_mrp = (TextView) mView.findViewById(R.id.product_mrp);
        TextView phone_condition = (TextView) mView.findViewById(R.id.product_condition);
        ImageView phone_image = (ImageView)mView.findViewById(R.id.product_image);

        phone_name.setText(phoneName);

        //fromatting phone price
        double amount = Double.parseDouble(phonePrice);
        DecimalFormat formatter = new DecimalFormat("#,###.00");
        phone_price.setText("₹"+formatter.format(amount));

        //fromatting phone mrp
        double amount0 = Double.parseDouble(phoneMrp);
        DecimalFormat formatter0 = new DecimalFormat("#,###.00");
        phone_mrp.setText("MRP "+formatter.format(amount0));
        phone_mrp.setPaintFlags(phone_mrp.getPaintFlags()| Paint.STRIKE_THRU_TEXT_FLAG);
        phone_condition.setText(phoneCondition);
        Picasso.with(context).load(phoneImage).into(phone_image);

    }
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.action_bar,menu);
    return super.onCreateOptionsMenu(menu);
}

@Override
public boolean onOptionsItemSelected(@NonNull MenuItem item) {
    int id = item.getItemId();
    if (id == R.id.action_search) {
        Intent intent = new Intent(buynow.this,buynow_device_search.class);
        startActivity(intent);
    }
    return super.onOptionsItemSelected(item);
}

public void setActionBarTitle() {
    getSupportActionBar().setTitle("Used Phones");
}

}

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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".buynow">

<com.facebook.shimmer.ShimmerFrameLayout
    android:id="@+id/shimmer_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <include
            layout="@layout/place_holder_layout"/>

        <include
            layout="@layout/place_holder_layout"/>

        <include
            layout="@layout/place_holder_layout"/>

        <include
            layout="@layout/place_holder_layout"/>

        <include
            layout="@layout/place_holder_layout"/>

        <include
            layout="@layout/place_holder_layout"/>

    </LinearLayout>

</com.facebook.shimmer.ShimmerFrameLayout>


<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

</androidx.recyclerview.widget.RecyclerView>

</LinearLayout>

Answer 1

首先全局声明ShimmerFrameLayout。

private ShimmerFrameLayout shimmerLayout;

然后声明onCreate()部分

 shimmerLayout      =findViewById(R.id.shimmer_view);

对于展示案例，

  shimmerLayout.setVisibility(View.VISIBLE);
  shimmerLayout.startShimmer();

对于停止案例，

 if(shimmerLayout.isShimmerVisible())
       {
           shimmerLayout.stopShimmer();
           shimmerLayout.setVisibility(View.GONE);
       }

代码编辑

试试

public class buynow extends AppCompatActivity {

private RecyclerView recyclerView;
private DatabaseReference ProductRef;
private FirebaseRecyclerAdapter<Products, UsersViewHolder> firebaseRecyclerAdapter;
private String searchText = "";
ShimmerFrameLayout shimmerFrameLayout;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_buynow);
    Firebase.setAndroidContext(buynow.this);

    Bundle extras = getIntent().getExtras();
    if(extras != null){
        searchText = extras.getString("phone_name");
    }

    setActionBarTitle();

    ProductRef = FirebaseDatabase.getInstance().getReference().child("Products");

    recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
    recyclerView.setHasFixedSize(true);
    recyclerView.setLayoutManager(new LinearLayoutManager(this));

    shimmerFrameLayout = findViewById(R.id.shimmer_view);
    shimmerFrameLayout.setVisibility(View.VISIBLE);
    shimmerFrameLayout.startShimmer();
    recyclerView.setVisibility(View.INVISIBLE);


    Toast.makeText(buynow.this,"Loading",Toast.LENGTH_SHORT).show();


    firebaseUserSearch(searchText);
}

private void firebaseUserSearch(String searchText){

    Query firebaseSearchQuery = ProductRef.orderByChild("pname").startAt(searchText).endAt(searchText + "\uf8ff");

    FirebaseRecyclerOptions<Products> options = new FirebaseRecyclerOptions.Builder<Products>()
            .setQuery(firebaseSearchQuery,Products.class).build();

    firebaseRecyclerAdapter = new FirebaseRecyclerAdapter<Products, UsersViewHolder>(options) {


        @Override
        protected void onBindViewHolder(@NonNull UsersViewHolder holder, int position, @NonNull Products model) {

            holder.setDetails(getApplicationContext(), model.getPname(), model.getPprice(), model.getPmrp(), model.getPcondition(), model.getPimage());

        }

        @NonNull
        @Override
        public UsersViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
            View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.buy_now_phones,parent,false);
            return new UsersViewHolder(view);

        }
    };

    shimmerFrameLayout.setVisibility(View.INVISIBLE);
    shimmerFrameLayout.stopShimmer();
    recyclerView.setVisibility(View.VISIBLE);
    recyclerView.setAdapter(firebaseRecyclerAdapter);
    firebaseRecyclerAdapter.startListening();

}

@Override
protected void onStart() {
    super.onStart();
    firebaseRecyclerAdapter.startListening();
}

//View Holder Class
public static class UsersViewHolder extends RecyclerView.ViewHolder{

    View mView;

    private UsersViewHolder(@NonNull View itemView) {
        super(itemView);
        mView = itemView;
    }

    private void setDetails(Context context, String phoneName, String phonePrice, String phoneMrp, String phoneCondition, String phoneImage){

        TextView phone_name = (TextView) mView.findViewById(R.id.product_name);
        TextView phone_price = (TextView) mView.findViewById(R.id.product_price);
        TextView phone_mrp = (TextView) mView.findViewById(R.id.product_mrp);
        TextView phone_condition = (TextView) mView.findViewById(R.id.product_condition);
        ImageView phone_image = (ImageView)mView.findViewById(R.id.product_image);

        phone_name.setText(phoneName);

        //fromatting phone price
        double amount = Double.parseDouble(phonePrice);
        DecimalFormat formatter = new DecimalFormat("#,###.00");
        phone_price.setText("₹"+formatter.format(amount));

        //fromatting phone mrp
        double amount0 = Double.parseDouble(phoneMrp);
        DecimalFormat formatter0 = new DecimalFormat("#,###.00");
        phone_mrp.setText("MRP "+formatter.format(amount0));
        phone_mrp.setPaintFlags(phone_mrp.getPaintFlags()| Paint.STRIKE_THRU_TEXT_FLAG);
        phone_condition.setText(phoneCondition);
        Picasso.with(context).load(phoneImage).into(phone_image);

    }
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.action_bar,menu);
    return super.onCreateOptionsMenu(menu);
}

@Override
public boolean onOptionsItemSelected(@NonNull MenuItem item) {
    int id = item.getItemId();
    if (id == R.id.action_search) {
        Intent intent = new Intent(buynow.this,buynow_device_search.class);
        startActivity(intent);
    }
    return super.onOptionsItemSelected(item);
}

public void setActionBarTitle() {
    getSupportActionBar().setTitle("Used Phones");
}

}

Answer 2

我想我无法准确解释为什么它在 BindViewHolder 上不起作用。我认为这是关于 onBindViewHolder 的。但是我知道为什么我们在之前编辑的代码中看到了白屏（由 IntelliJ Amiya 分享）。微光的开始和结束之间没有时间，因此它很快开始和结束。但是如果我们设置时间，我们可以看到它的开始和结束。我们只需要处理程序。停止后我们应该使用

shimmerFrameLayout.setVisibility(View.GONE);

而不是

shimmerFrameLayout.setVisibility(View.INVISIBLE);

shimmerFrameLayout 不占用 space。

    Handler handler = new Handler();
    handler.postDelayed(new Runnable() {
        @Override
        public void run() {

            shimmerFrameLayout.setVisibility(View.GONE);
            shimmerFrameLayout.stopShimmer();
            recyclerView.setVisibility(View.VISIBLE);

        }
    }, 1000);

即使没有互联网，Firebase RecyclerView 也会显示最后一次互联网连接时获得的信息。如果我们在应用程序关闭时删除 Firebase 上的任何数据，然后打开应用程序，它会显示我们最后一次打开应用程序的数据，并在几次后更新它。我们可以通过Handler给它更新时间，让它在数据出现之前更新数据。所以我认为使用 Handler 是有意义的。编辑完整代码后：

 public class buynow extends AppCompatActivity {

 private RecyclerView recyclerView;
 private DatabaseReference ProductRef;
 private FirebaseRecyclerAdapter<Products, UsersViewHolder> firebaseRecyclerAdapter;
 private String searchText = "";
 ShimmerFrameLayout shimmerFrameLayout;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_buynow);
 Firebase.setAndroidContext(buynow.this);

 Bundle extras = getIntent().getExtras();
 if(extras != null){
    searchText = extras.getString("phone_name");
 }

setActionBarTitle();

ProductRef = FirebaseDatabase.getInstance().getReference().child("Products");

recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
recyclerView.setHasFixedSize(true);
recyclerView.setLayoutManager(new LinearLayoutManager(this));

shimmerFrameLayout = findViewById(R.id.shimmer_view);
shimmerFrameLayout.setVisibility(View.VISIBLE);
shimmerFrameLayout.startShimmer();
recyclerView.setVisibility(View.INVISIBLE);


Toast.makeText(buynow.this,"Loading",Toast.LENGTH_SHORT).show();


firebaseUserSearch(searchText);
}

private void firebaseUserSearch(String searchText){

Query firebaseSearchQuery = ProductRef.orderByChild("pname").startAt(searchText).endAt(searchText + "\uf8ff");

FirebaseRecyclerOptions<Products> options = new FirebaseRecyclerOptions.Builder<Products>()
        .setQuery(firebaseSearchQuery,Products.class).build();

firebaseRecyclerAdapter = new FirebaseRecyclerAdapter<Products, UsersViewHolder>(options) {


    @Override
    protected void onBindViewHolder(@NonNull UsersViewHolder holder, int position, @NonNull Products model) {

        holder.setDetails(getApplicationContext(), model.getPname(), model.getPprice(), model.getPmrp(), model.getPcondition(), model.getPimage());

    }

    @NonNull
    @Override
    public UsersViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.buy_now_phones,parent,false);
        return new UsersViewHolder(view);

    }
};

Handler handler = new Handler();
handler.postDelayed(new Runnable() {
    @Override
    public void run() {

        shimmerFrameLayout.setVisibility(View.GONE);
        shimmerFrameLayout.stopShimmer();
        recyclerView.setVisibility(View.VISIBLE);

    }
}, 1000);

recyclerView.setAdapter(firebaseRecyclerAdapter);
firebaseRecyclerAdapter.startListening();

}

Answer 3

首先，在 OP 的代码中调用了方法 startShimmerAnimation()，这意味着 OP 正在使用依赖项

com.facebook.shimmer:shimmer:0.1.0@aar

所以最好改成

com.facebook.shimmer:shimmer:0.5.0.

现在的问题是 ShimmerFrameLayout 有一个属性 app:shimmer_auto_start 默认设置为 true，因此 ShimmerFrameLayout的微光是自动启动的，不能用方法startShimmer()和stopShimmer().

控制

所以如果你想控制 ShimmerFrameLayout 微光的启动和停止，那么你必须设置 ShimmerFrameLayout 的 app:shimmer_auto_start 属性 到 false 在 XML 布局 文件中明确。

微光动画不会在 RecyclerView 加载时停止

Shimmer animation not stopping on load of RecyclerView

java

android

progress-bar

代码编辑