Skip to content

Advice: the 'Empty View' should stay in center of list instead of its parent container #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
walfud wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Advice: the 'Empty View' should stay in center of list instead of its parent container #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
6d4fe53
the 'Empty View' should stay in center of list instead of its parent …
Apr 29, 2015
12ece40
Use match_parent RelativeLayout to fill parent
Sep 13, 2015
c634dac
Layout status in center of the list view
Sep 13, 2015
c12f149
Use `INVISIBLE` instead `GONE` for calculate width
Sep 13, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion EmptyLayout/AndroidManifest.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
android:versionName="1.0" >

<uses-sdk
android:minSdkVersion="8"
android:minSdkVersion="11"
android:targetSdkVersion="17" />


Expand Down
2 changes: 1 addition & 1 deletion EmptyLayout/res/layout/view_empty.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="16dp" >

Expand Down
2 changes: 1 addition & 1 deletion EmptyLayout/res/layout/view_error.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="16dp" >

Expand Down
2 changes: 1 addition & 1 deletion EmptyLayout/res/layout/view_loading.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="16dp" >

Expand Down
137 changes: 79 additions & 58 deletions EmptyLayout/src/com/kanak/emptylayout/EmptyLayout.java
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,5 @@
package com.kanak.emptylayout;

import com.kanak.emptylayout.R;

import android.app.Activity;
import android.content.Context;
import android.view.LayoutInflater;
Expand All @@ -19,6 +17,7 @@
public class EmptyLayout {

private Context mContext;
private RelativeLayout mStateViewLayout;
private ViewGroup mLoadingView;
private ViewGroup mEmptyView;
private ViewGroup mErrorView;
Expand All @@ -28,7 +27,6 @@ public class EmptyLayout {
private int mEmptyMessageViewId;
private int mLoadingMessageViewId;
private LayoutInflater mInflater;
private boolean mViewsAdded;
private int mLoadingAnimationViewId;
private View.OnClickListener mLoadingButtonClickListener;
private View.OnClickListener mEmptyButtonClickListener;
Expand Down Expand Up @@ -233,7 +231,7 @@ public String getEmptyMessage() {
/**
* Sets the message to be shown when the list will be empty for not having any item to display
* @param emptyMessage the message
* @param messageId the id of the text view within the empty layout whose text will be changed into this message
* @param messageViewId the id of the text view within the empty layout whose text will be changed into this message
*/
public void setEmptyMessage(String emptyMessage, int messageViewId) {
this.mEmptyMessage = emptyMessage;
Expand Down Expand Up @@ -364,7 +362,7 @@ public boolean isLoadingButtonShown() {

/**
* Sets if a button will be shown in the loading view
* @param showEmptyButton will a button be shown in the loading view
* @param showLoadingButton will a button be shown in the loading view
*/
public void setShowLoadingButton(boolean showLoadingButton) {
this.mShowLoadingButton = showLoadingButton;
Expand All @@ -380,7 +378,7 @@ public boolean isErrorButtonShown() {

/**
* Sets if a button will be shown in the error view
* @param showEmptyButton will a button be shown in the error view
* @param showErrorButton will a button be shown in the error view
*/
public void setShowErrorButton(boolean showErrorButton) {
this.mShowErrorButton = showErrorButton;
Expand Down Expand Up @@ -448,48 +446,30 @@ private void changeEmptyType() {
setDefaultValues();
refreshMessages();

// insert views in the root view
if (!mViewsAdded) {
RelativeLayout.LayoutParams lp = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
lp.addRule(RelativeLayout.CENTER_HORIZONTAL);
lp.addRule(RelativeLayout.CENTER_VERTICAL);
RelativeLayout rl = new RelativeLayout(mContext);
rl.setLayoutParams(lp);
if (mEmptyView!=null) rl.addView(mEmptyView);
if (mLoadingView!=null) rl.addView(mLoadingView);
if (mErrorView!=null) rl.addView(mErrorView);
mViewsAdded = true;

ViewGroup parent = (ViewGroup) mListView.getParent();
parent.addView(rl);
mListView.setEmptyView(rl);
}


// change empty type
if (mListView!=null) {
View loadingAnimationView = null;
if (mLoadingAnimationViewId > 0) loadingAnimationView = ((Activity) mContext).findViewById(mLoadingAnimationViewId);
if (mLoadingAnimationViewId > 0) loadingAnimationView = ((Activity) mContext).findViewById(mLoadingAnimationViewId);
switch (mEmptyType) {
case TYPE_EMPTY:
if (mEmptyView!=null) mEmptyView.setVisibility(View.VISIBLE);
if (mErrorView!=null) mErrorView.setVisibility(View.GONE);
if (mErrorView!=null) mErrorView.setVisibility(View.INVISIBLE);
if (mLoadingView!=null) {
mLoadingView.setVisibility(View.GONE);
mLoadingView.setVisibility(View.INVISIBLE);
if (loadingAnimationView!=null && loadingAnimationView.getAnimation()!=null) loadingAnimationView.getAnimation().cancel();
}
break;
break;
case TYPE_ERROR:
if (mEmptyView!=null) mEmptyView.setVisibility(View.GONE);
if (mEmptyView!=null) mEmptyView.setVisibility(View.INVISIBLE);
if (mErrorView!=null) mErrorView.setVisibility(View.VISIBLE);
if (mLoadingView!=null) {
mLoadingView.setVisibility(View.GONE);
mLoadingView.setVisibility(View.INVISIBLE);
if (loadingAnimationView!=null && loadingAnimationView.getAnimation()!=null) loadingAnimationView.getAnimation().cancel();
}
break;
break;
case TYPE_LOADING:
if (mEmptyView!=null) mEmptyView.setVisibility(View.GONE);
if (mErrorView!=null) mErrorView.setVisibility(View.GONE);
if (mEmptyView!=null) mEmptyView.setVisibility(View.INVISIBLE);
if (mErrorView!=null) mErrorView.setVisibility(View.INVISIBLE);
if (mLoadingView!=null) {
mLoadingView.setVisibility(View.VISIBLE);
if (mLoadingAnimation != null && loadingAnimationView!=null) {
Expand All @@ -498,13 +478,24 @@ private void changeEmptyType() {
else if (loadingAnimationView!=null) {
loadingAnimationView.startAnimation(getRotateAnimation());
}
}
break;
}
break;
default:
break;
}
}
}
}

private void layoutInListCenter(View v) {
int width = v.getWidth();
int height = v.getHeight();

int left = (int) (mListView.getX() + mListView.getWidth()/2 - width/2);
int top = (int) (mListView.getY() + mListView.getHeight()/2 - height/2);
((LayoutParams) v.getLayoutParams()).leftMargin = left;
((LayoutParams) v.getLayoutParams()).topMargin = top;
v.requestLayout();
}

private void refreshMessages() {
if (mEmptyMessageViewId>0 && mEmptyMessage!=null) ((TextView)mEmptyView.findViewById(mEmptyMessageViewId)).setText(mEmptyMessage);
Expand All @@ -513,59 +504,89 @@ private void refreshMessages() {
}

private void setDefaultValues() {
if (mEmptyView==null) {
mEmptyView = (ViewGroup) mInflater.inflate(R.layout.view_empty, null);
if (!(mEmptyMessageViewId>0)) mEmptyMessageViewId = R.id.textViewMessage;
if (mShowEmptyButton && mEmptyViewButtonId>0 && mEmptyButtonClickListener!=null) {
if (mStateViewLayout==null) {
mStateViewLayout = new RelativeLayout(mContext);
mStateViewLayout.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));

ViewGroup parent = (ViewGroup) mListView.getParent();
parent.addView(mStateViewLayout);
mListView.setEmptyView(mStateViewLayout);
}

if (mEmptyView == null) {
mEmptyView = (ViewGroup) mInflater.inflate(R.layout.view_empty, mStateViewLayout, false);
mStateViewLayout.addView(mEmptyView);
if (!(mEmptyMessageViewId > 0)) mEmptyMessageViewId = R.id.textViewMessage;
if (mShowEmptyButton && mEmptyViewButtonId > 0 && mEmptyButtonClickListener != null) {
View emptyViewButton = mEmptyView.findViewById(mEmptyViewButtonId);
if (emptyViewButton != null) {
emptyViewButton.setOnClickListener(mEmptyButtonClickListener);
emptyViewButton.setVisibility(View.VISIBLE);
}
}
else if (mEmptyViewButtonId>0) {
} else if (mEmptyViewButtonId > 0) {
View emptyViewButton = mEmptyView.findViewById(mEmptyViewButtonId);
emptyViewButton.setVisibility(View.GONE);
emptyViewButton.setVisibility(View.INVISIBLE);
}

mEmptyView.post(new Runnable() {
@Override
public void run() {
layoutInListCenter(mEmptyView);
}
});
}
if (mLoadingView==null) {
mLoadingView = (ViewGroup) mInflater.inflate(R.layout.view_loading, null);
if (mLoadingView == null) {
mLoadingView = (ViewGroup) mInflater.inflate(R.layout.view_loading, mStateViewLayout, false);
mStateViewLayout.addView(mLoadingView);
mLoadingAnimationViewId = R.id.imageViewLoading;
if (!(mLoadingMessageViewId>0)) mLoadingMessageViewId = R.id.textViewMessage;
if (mShowLoadingButton && mLoadingViewButtonId>0 && mLoadingButtonClickListener!=null) {
if (!(mLoadingMessageViewId > 0)) mLoadingMessageViewId = R.id.textViewMessage;
if (mShowLoadingButton && mLoadingViewButtonId > 0 && mLoadingButtonClickListener != null) {
View loadingViewButton = mLoadingView.findViewById(mLoadingViewButtonId);
if (loadingViewButton != null) {
loadingViewButton.setOnClickListener(mLoadingButtonClickListener);
loadingViewButton.setVisibility(View.VISIBLE);
}
}
else if (mLoadingViewButtonId>0) {
} else if (mLoadingViewButtonId > 0) {
View loadingViewButton = mLoadingView.findViewById(mLoadingViewButtonId);
loadingViewButton.setVisibility(View.GONE);
loadingViewButton.setVisibility(View.INVISIBLE);
}

mLoadingView.post(new Runnable() {
@Override
public void run() {
layoutInListCenter(mLoadingView);
}
});
}
if (mErrorView==null) {
mErrorView = (ViewGroup) mInflater.inflate(R.layout.view_error, null);
if (!(mErrorMessageViewId>0)) mErrorMessageViewId = R.id.textViewMessage;
if (mShowErrorButton && mErrorViewButtonId>0 && mErrorButtonClickListener!=null) {
if (mErrorView == null) {
mErrorView = (ViewGroup) mInflater.inflate(R.layout.view_error, mStateViewLayout, false);
mStateViewLayout.addView(mErrorView);
if (!(mErrorMessageViewId > 0)) mErrorMessageViewId = R.id.textViewMessage;
if (mShowErrorButton && mErrorViewButtonId > 0 && mErrorButtonClickListener != null) {
View errorViewButton = mErrorView.findViewById(mErrorViewButtonId);
if (errorViewButton != null) {
errorViewButton.setOnClickListener(mErrorButtonClickListener);
errorViewButton.setVisibility(View.VISIBLE);
}
}
else if (mErrorViewButtonId>0) {
} else if (mErrorViewButtonId > 0) {
View errorViewButton = mErrorView.findViewById(mErrorViewButtonId);
errorViewButton.setVisibility(View.GONE);
errorViewButton.setVisibility(View.INVISIBLE);
}

mErrorView.post(new Runnable() {
@Override
public void run() {
layoutInListCenter(mErrorView);
}
});
}
}

private static Animation getRotateAnimation() {
final RotateAnimation rotateAnimation = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, .5f, Animation.RELATIVE_TO_SELF, .5f);
rotateAnimation.setDuration(1500);
rotateAnimation.setInterpolator(new LinearInterpolator());
rotateAnimation.setRepeatCount(Animation.INFINITE);
rotateAnimation.setRepeatCount(Animation.INFINITE);
return rotateAnimation;
}

Expand Down
2 changes: 1 addition & 1 deletion EmptyLayoutSample/AndroidManifest.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
android:versionName="1.0" >

<uses-sdk
android:minSdkVersion="8"
android:minSdkVersion="11"
android:targetSdkVersion="17" />

<application
Expand Down
1 change: 1 addition & 0 deletions EmptyLayoutSample/res/layout/activity_main.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,7 @@

<ListView
android:id="@android:id/list"
android:layout_marginLeft="140dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
Expand Down