멋 진 안 드 로 이 드 사용자 정의 로드 컨트롤
제 가 실현 하고 자 하 는 것 은 서로 다른 상황 에 따라 서로 다른 로드 효 과 를 나타 내 고 이에 따라 사용 하 는 것 입 니 다.효 과 는 특정한 프로젝트 의 효 과 를 참고 하 는 것 입 니 다.저 는 추출 하여 포장 을 개선 하여 나중에 사용 할 필요 가 있다 고 생각 합 니 다.상황 은 크게 로 딩 중,네트워크 없 음,데이터 없 음,로 딩 실패 등 으로 나 뉘 는데 이것 은 하나의 View 만 있 으 면 해결 할 수 있 습 니 다!
효과 그림 미리 보기:
우리 가 어떻게 이런 효 과 를 이 룰 수 있 을 까?
view_loading.xml 의 레이아웃 은 다음 과 같 습 니 다.
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:id="@+id/lin_loading"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:visibility="gone"
android:orientation="vertical">
<ImageView
android:id="@+id/img_loading"
android:layout_width="100dp"
android:layout_height="100dp"
android:src="@drawable/loading_animation" />
<TextView
android:id="@+id/tv_loading"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_gravity="center_horizontal"
android:textSize="14sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/lin_load"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center"
android:orientation="vertical"
android:visibility="visible"
>
<ImageView
android:id="@+id/iv_load"
android:layout_width="100dp"
android:layout_height="100dp"
android:src="@mipmap/ic_launcher" />
<TextView
android:id="@+id/tv_load"
android:layout_width="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_height="wrap_content" />
<Button
android:id="@+id/btn_load"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:layout_gravity="center_horizontal"
android:textSize="14sp" />
</LinearLayout>
</FrameLayout>
레이아웃 을 보면 저 는 두 부분 으로 나 뉘 었 습 니 다.하 나 는 로 딩 중 입 니 다.다른 하 나 는 ImagView,문자 와 버튼 이 있 는 레이아웃 입 니 다.누 군가 이것 을 보면'와,이 건 간단 하지 않 습 니까?'라 고 말 할 수 있 습 니 다.상황 에 따라 Visibility 값 을 설정 하면 되 잖 아 요.맞아요.원 리 는 이 렇 습 니 다.XHLoadingView.자바 의 코드 는 다음 과 같 습 니 다.
package com.woyou.loadingdemo.widget;
import android.content.Context;
import android.graphics.drawable.AnimationDrawable;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.Button;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import com.woyou.loadingdemo.LoadingState;
import com.woyou.loadingdemo.R;
/**
* Created by Xiho on 11:21.
*/
public class XHLoadingView extends FrameLayout {
private Context mContext;
//
private LinearLayout mLinearLoad;
//
private LinearLayout mLinearLoading;
private TextView mTvLoading;
private TextView mTvLoad;
private ImageView mIvLoading;
private ImageView mIvLoad;
private Button mBtnLoad;
private LoadingState mState;
private AnimationDrawable animation;
public XHLoadingView(Context context) {
super(context);
mContext = context;
}
public XHLoadingView(Context context, AttributeSet attrs) {
super(context, attrs);
mContext = context;
}
public XHLoadingView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
mContext = context;
}
public XHLoadingView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
super(context, attrs, defStyleAttr, defStyleRes);
mContext = context;
}
public void build(){
LayoutInflater.from(mContext).inflate(R.layout.view_loading, this, true);
mLinearLoading = (LinearLayout) findViewById(R.id.lin_loading);
mLinearLoad = (LinearLayout) findViewById(R.id.lin_load);
mIvLoading = (ImageView) findViewById(R.id.img_loading);
mIvLoad = (ImageView) findViewById(R.id.iv_load);
mTvLoading = (TextView) findViewById(R.id.tv_loading);
mTvLoad = (TextView) findViewById(R.id.tv_load);
mBtnLoad = (Button) findViewById(R.id.btn_load);
mBtnLoad.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
setState(LoadingState.STATE_LOADING);
mOnRetryListener.onRetry();
}
});
}
@Override
public void setVisibility(int visibility) {
super.setVisibility(visibility);
if(View.GONE==visibility && mState==LoadingState.STATE_LOADING && animation!=null&&animation.isRunning()){
animation.stop();
}
}
/**
*
*/
private String mLoadingText;
private int mLoadingIcon;
public XHLoadingView withLoadingIcon(int resId){
mLoadingIcon = resId;
return this;
}
/**
*
*/
private String mLoadEmptyText;
private int mLoadEmptyIcon;
public XHLoadingView withEmptyIcon(int resId){
mLoadEmptyIcon = resId;
return this;
}
/**
*
*/
private String mLoadNoNetworkText;
private int mNoNetworkIcon;
public XHLoadingView withNoNetIcon(int resId){
mNoNetworkIcon = resId;
return this;
}
private OnRetryListener mOnRetryListener;
/**
*
*/
public interface OnRetryListener {
void onRetry();
}
public XHLoadingView withOnRetryListener(OnRetryListener mOnRetryListener){
this.mOnRetryListener = mOnRetryListener;
return this;
}
/**
*
* @param state
*/
public void setState(LoadingState state){
if(mState==state){
return;
}else if(state==LoadingState.STATE_LOADING){
mLinearLoading.setVisibility(VISIBLE);
mLinearLoad.setVisibility(GONE);
}else if(state!=LoadingState.STATE_LOADING){
mLinearLoading.setVisibility(GONE);
mLinearLoad.setVisibility(VISIBLE);
if(animation!=null && mState==LoadingState.STATE_LOADING)
animation.stop();
}
changeState(state);
}
public boolean btnEmptyEnable = true;
public boolean btnErrorEnable = true;
public boolean btnNoNetworkEnable = true;
public XHLoadingView withBtnNoNetEnnable(boolean ennable) {
btnNoNetworkEnable = ennable;
return this;
}
public XHLoadingView withBtnErrorEnnable(boolean ennable) {
btnErrorEnable = ennable;
return this;
}
public XHLoadingView withBtnEmptyEnnable(boolean ennable) {
btnEmptyEnable = ennable;
return this;
}
/**
*
* @param state
*/
private void changeState(LoadingState state) {
switch (state) {
//
case STATE_LOADING:
mState = LoadingState.STATE_LOADING;
mIvLoading.setImageResource(mLoadingIcon);
mTvLoading.setText(mLoadingText);
if (animation == null) {
animation = (AnimationDrawable) mIvLoading.getDrawable();
}
if (animation != null)
animation.start();
break;
//
case STATE_EMPTY:
mState = LoadingState.STATE_EMPTY;
mIvLoad.setImageResource(mLoadEmptyIcon);
mTvLoad.setText(mLoadEmptyText);
if (btnEmptyEnable) {
mBtnLoad.setVisibility(VISIBLE);
mBtnLoad.setText(btn_empty_text);
} else {
mBtnLoad.setVisibility(GONE);
}
break;
//
case STATE_ERROR:
mState = LoadingState.STATE_ERROR;
mIvLoad.setImageResource(mErrorIco);
mTvLoad.setText(mLoadErrorText);
if (btnErrorEnable) {
mBtnLoad.setVisibility(VISIBLE);
mBtnLoad.setText(btn_error_text);
} else {
mBtnLoad.setVisibility(GONE);
}
break;
//
case STATE_NO_NET:
mState = LoadingState.STATE_NO_NET;
mIvLoad.setImageResource(mNoNetworkIcon);
mTvLoad.setText(mLoadNoNetworkText);
if (btnNoNetworkEnable) {
mBtnLoad.setVisibility(VISIBLE);
mBtnLoad.setText(btn_nonet_text);
} else {
mBtnLoad.setVisibility(GONE);
}
break;
}
}
/**
*
*/
private String mLoadErrorText;
private int mErrorIco;
public XHLoadingView withErrorIco(int resId) {
mErrorIco = resId;
return this;
}
/**
*
* @param resId
* @return
*/
public XHLoadingView withLoadEmptyText(int resId) {
mLoadEmptyText = getResources().getString(resId);
return this;
}
public XHLoadingView withLoadEmptyText(String mLoadEmptyText) {
this.mLoadEmptyText = mLoadEmptyText;
return this;
}
/**
*
* @param resId
* @return
*/
public XHLoadingView withLoadNoNetworkText(int resId) {
mLoadNoNetworkText = getResources().getString(resId);
return this;
}
public String btn_empty_text = " ";
public String btn_error_text = " ";
public String btn_nonet_text = " ";
/**
* Button
* @param text
* @return
*/
public XHLoadingView withBtnEmptyText(String text) {
this.btn_empty_text = text;
return this;
}
/**
* Button
* @param text
* @return
*/
public XHLoadingView withBtnErrorText(String text) {
this.btn_error_text = text;
return this;
}
/**
*
* @param resId
* @return
*/
public XHLoadingView withLoadErrorText(int resId) {
this.mLoadErrorText = getResources().getString(resId);
return this;
}
public XHLoadingView withLoadErrorText(String mLoadedErrorText) {
this.mLoadErrorText = mLoadedErrorText;
return this;
}
/**
* Button
* @param text
* @return
*/
public XHLoadingView withBtnNoNetText(String text) {
this.btn_nonet_text = text;
return this;
}
/**
*
* @param mLoadedNoNetText
* @return
*/
public XHLoadingView withLoadNoNetworkText(String mLoadedNoNetText) {
this.mLoadNoNetworkText = mLoadedNoNetText;
return this;
}
public XHLoadingView withLoadingText(int resId) {
this.mLoadingText = getResources().getString(resId);
return this;
}
public XHLoadingView withLoadingText(String mLoadingText) {
this.mLoadingText = mLoadingText;
return this;
}
}
서로 다른 상황 에 대해 서로 다른 처 리 를 한 후에 우 리 는 필요 한 Activity 호출 을 했다.
private XHLoadingView mLoadingView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_display);
mLoadingView = (XHLoadingView) findViewById(R.id.lv_loading);
mLoadingView.withLoadEmptyText("≥n≤ , !").withEmptyIcon(R.drawable.disk_file_no_data).withBtnEmptyEnnable(false)
.withErrorIco(R.drawable.ic_chat_empty).withLoadErrorText("(῀( B᷄ỏB᷅ )῀)ᵒᵐᵍᵎᵎᵎ, !").withBtnErrorText(" !!!")
.withLoadNoNetworkText(" o( ̄ヘ ̄o)☞ᗒᗒ ").withNoNetIcon(R.drawable.ic_chat_empty).withBtnNoNetText(" , ")
.withLoadingIcon(R.drawable.loading_animation).withLoadingText(" ...").withOnRetryListener(new XHLoadingView.OnRetryListener() {
@Override
public void onRetry() {
SnackbarUtil.show(mLoadingView," ",0);
}
}).build();
}
........
//
mLoadingView.setVisibility(View.VISIBLE);
mLoadingView.setState(LoadingState.STATE_LOADING);
//
mLoadingView.setVisibility(View.VISIBLE);
mLoadingView.setState(LoadingState.STATE_EMPTY)
//
mLoadingView.setVisibility(View.VISIBLE);
mLoadingView.setState(LoadingState.STATE_NO_NET);
//
mLoadingView.setVisibility(View.VISIBLE);
mLoadingView.setState(LoadingState.STATE_ERROR);
.......
}
위 에 저 는 다른 효 과 를 보 여 드 리 기 위해 클릭 이 벤트 를 몇 개 썼 습 니 다.실제 적 으로 그렇지 않 습 니 다.초기 화 된 후에 필요 한 곳 에서 OK 를 호출 하고 소스 코드 에 주석 이 상세 하 니 더 이상 설명 하지 않 아 도 됩 니 다!전체 코드:XHLoadingView
저자:xuhao
QQ:504105930
전재 출처 를 밝 혀 주 십시오:http://blog.csdn.net/u011974987/article/details/51455333
이상 은 본 고의 모든 내용 입 니 다.여러분 이 안 드 로 이 드 소프트웨어 프로 그래 밍 을 배 우 는 데 도움 이 되 기 를 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Bitrise에서 배포 어플리케이션 설정 테스트하기이 글은 Bitrise 광고 달력의 23일째 글입니다. 자체 또는 당사 등에서 Bitrise 구축 서비스를 사용합니다. 그나저나 며칠 전 Bitrise User Group Meetup #3에서 아래 슬라이드를 발표했...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.