[英]Display separate View (image+text) when RecyclerView is empty
当我的 RecyclerView 为空时,我需要显示一个带有图像和一些文本的视图。 我拥有的代码正在完成这项工作,但我认为有更好的方法来做到这一点。 我看到了一些诸如视图可见性之类的东西,但大多数示例仅适用于 TextView。
这是我的代码:
请注意,对于xml 文件,如果我为empty_view 设置了visibility:gone,我将永远看不到empty_view。 如果我删除这一行,我总是会看到 empty_view
<?xml version="1.0" encoding="utf-8"?><!--
As recommended by Google, we use a ConstraintLayout
as the root element
We add a padding all around using the padding attribute
-->
<androidx.constraintlayout.widget.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:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".CityActivity"
>
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_width="0dp"
android:layout_height="0dp"
app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
/>
<include
android:id="@+id/empty_view"
layout="@layout/activity_city_empty"
/>
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_add_location"
app:backgroundTint="@color/orange"
app:fabSize="normal"
android:layout_margin="12dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
/>
</androidx.constraintlayout.widget.ConstraintLayout>
这是我的主要活动:
public class CityActivity extends AppCompatActivity implements OnClickListener {
private RecyclerView recyclerView;
private ConstraintLayout mEmptyLayout;
public static final String TAG = CityActivity.class.getSimpleName();
/*
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
final List<City> cities = CityRepository.getInstance(this).getCities();
/*if(cities.isEmpty())
{
setContentView(R.layout.activity_city_empty);
}
else {
setContentView(R.layout.activity_city);
recyclerView = findViewById(R.id.recyclerView);
recyclerView.addItemDecoration(new DividerItemDecoration(this, DividerItemDecoration.VERTICAL));
//}
mEmptyView = findViewById(R.id.empty_view);
//We configure the click on the fab
findViewById(R.id.fab).setOnClickListener(this);
}*/
@Override
protected void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_city);
recyclerView = findViewById(R.id.recyclerView);
mEmptyLayout = findViewById(R.id.empty_view);
recyclerView.addItemDecoration(new DividerItemDecoration(this, DividerItemDecoration.VERTICAL));
findViewById(R.id.fab).setOnClickListener(this);
setup();
}
private void setup() {
final List<City> cities = CityRepository.getInstance(this).getCities();
final CitiesAdapter citiesAdapter = new CitiesAdapter(cities);
recyclerView.setAdapter(citiesAdapter);
citiesAdapter.registerAdapterDataObserver(new RecyclerView.AdapterDataObserver() {
@Override
public void onChanged() {
super.onChanged();
checkIsEmpty(citiesAdapter);
}
});
}
@Override
protected void onResume()
{
super.onResume();
Log.d(TAG, "test");
//We init the list into the onResume method
//so the list is updated each time the screen goes to foreground
setup();
}
private void initList(){
//We retrieve the list of cities to display
final List<City> cities = CityRepository.getInstance(this).getCities();
//We create the adapter and we attach it to the RecyclerView
final CitiesAdapter citiesAdapter = new CitiesAdapter(cities);
recyclerView.setAdapter(citiesAdapter);
citiesAdapter.registerAdapterDataObserver(new RecyclerView.AdapterDataObserver() {
@Override
public void onChanged() {
super.onChanged();
checkIsEmpty(citiesAdapter);
}
});
}
@Override
public void onClick(View v){
final Intent intent = new Intent(this, AddCityActivity.class);
startActivity(intent);
}
private void checkIsEmpty(CitiesAdapter citiesadapter) {
mEmptyLayout.setVisibility(citiesadapter == null || citiesadapter.getItemCount() == 0 ? View.VISIBLE : View.GONE);
}
}
注意:这是我为这些类编写的完整代码,但我认为这些是解决这个问题最重要的部分。
添加一个 id 到你的包含:
<include
android:id="@+id/empty_view"
layout="@layout/activity_city_empty"
/>
活动内部:
private RecyclerView recyclerView;
private View mEmptyView;
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO: Implement this method
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
recyclerView = (RecyclerView) findViewById(R.id.recyclerview);
mEmptyLayout = findViewById(R.id.empty_view);
setup();
}
设置方法:
private void setup() {
final List<City> cities = CityRepository.getInstance(this).getCities();
final CitiesAdapter citiesAdapter = new CitiesAdapter(cities);
recyclerView.setAdapter(citiesAdapter);
citiesAdapter.registerAdapterDataObserver(new RecyclerView.AdapterDataObserver() {
@Override
public void onChanged() {
super.onChanged();
checkIsEmpty();
}
});
}
private void checkIsEmpty() {
mEmptyView.setVisibility(mAdapter == null || mAdapter.getItemCount() == 0 ? View.VISIBLE : View.GONE);
}
上一个示例的结果:
以上所有答案都可以完成这项工作,但不能以正确和最干净的方式完成。 这是可以处理空状态的 RecyclerView 的扩展。
public class ExtendedRecyclerView extends RecyclerView {
private View mEmptyView;
private AdapterDataObserver mDataObserver = new AdapterDataObserver() {
@Override
public void onChanged() {
super.onChanged();
updateEmptyView();
}
};
public ExtendedRecyclerView (Context context) {
super(context);
}
public ExtendedRecyclerView (Context context, AttributeSet attrs) {
super(context, attrs);
}
public ExtendedRecyclerView (Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
/**
* Designate a view as the empty view. When the backing adapter has no
* data this view will be made visible and the recycler view hidden.
*/
public void setEmptyView(View emptyView) {
mEmptyView = emptyView;
}
@Override
public void setAdapter(RecyclerView.Adapter adapter) {
if (getAdapter() != null) {
getAdapter().unregisterAdapterDataObserver(mDataObserver);
}
if (adapter != null) {
adapter.registerAdapterDataObserver(mDataObserver);
}
super.setAdapter(adapter);
updateEmptyView();
}
private void updateEmptyView() {
if (mEmptyView != null && getAdapter() != null) {
boolean showEmptyView = getAdapter().getItemCount() == 0;
mEmptyView.setVisibility(showEmptyView ? VISIBLE : GONE);
setVisibility(showEmptyView ? GONE : VISIBLE);
}
}
}
在您的活动类中添加以下内容以显示空视图。
public class MyActivity extends AppCompatActivity {
ExtendedRecyclerView recycler_view;
View empty_view;
Adapter adapter;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity);
recycler_view = findViewById(R.id.recycler_view);
empty_view = findViewById(R.id.empty_view);
recycler_view.setHasFixedSize(true);
LinearLayoutManager linearLayoutManager = new LinearLayoutManager(getActivity(), LinearLayoutManager.HORIZONTAL, false);
recycler_view.setLayoutManager(linearLayoutManager);
adapter = new Adapter(getActivity(), myRandomList, false);
recycler_view.setAdapter(adapter);
recycler_view.setEmptyView(empty_view);
}
}
在您的片段类中添加以下内容以显示空视图。
public class MyFragment extends Fragment {
ExtendedRecyclerView recycler_view;
View empty_view;
Adapter adapter;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment, container, false);
recycler_view = view.findViewById(R.id.recycler_view);
empty_view = view.findViewById(R.id.empty_view);
recycler_view.setHasFixedSize(true);
LinearLayoutManager linearLayoutManager = new LinearLayoutManager(getActivity(), LinearLayoutManager.HORIZONTAL, false);
recycler_view.setLayoutManager(linearLayoutManager);
adapter = new Adapter(getActivity(), myRandomList, false);
recycler_view.setAdapter(adapter);
recycler_view.setEmptyView(empty_view);
return view;
}
}
希望这对您和遇到此答案的任何人有所帮助! 祝大家编码愉快!
我知道问题出在哪里。 下面是您需要的正确代码,它现在应该可以工作了。 您忘记将 List 声明为新的 ArrayList,这导致应用程序崩溃。
public class CityActivity extends AppCompatActivity {
ExtendedRecyclerView recycler_view;
View empty_view;
CitiesAdapter citiesadapter;
List<City> cities;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_city_empty);
recycler_view = findViewById(R.id.recyclerView);
empty_view = findViewById(R.id.empty_view);
cities = new ArrayList<>();
recycler_view.setHasFixedSize(true);
LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false);
recycler_view.setLayoutManager(linearLayoutManager);
citiesadapter = new CitiesAdapter(cities);
recycler_view.setAdapter(citiesadapter);
recycler_view.setEmptyView(empty_view);
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.