it-swarm.com.ru

Как реализовать Android Pull-to-Refresh

В Android приложениях, таких как Twitter (официальное приложение), когда вы сталкиваетесь с ListView, вы можете опустить его (и он отскочит назад после освобождения), чтобы обновить содержимое.

Интересно, как, по вашему мнению, лучше всего это реализовать?

Некоторые возможности, о которых я мог подумать:

  1. Элемент поверх ListView - однако я не думаю, что прокрутка назад к позиции элемента 1 (на основе 0) с анимацией в ListView - простая задача.
  2. Другой вид за пределами ListView - но мне нужно позаботиться о перемещении позиции ListView вниз, когда он тянется, и я не уверен, сможем ли мы обнаружить, действительно ли при касании перетаскиванием к ListView действительно прокручиваются элементы в ListView.

Любые рекомендации?

Постскриптум Интересно, когда будет опубликован официальный исходный код приложения Twitter? Было упомянуто, что это будет выпущено, но прошло 6 месяцев, и мы не слышали об этом с тех пор.

397
Randy Sugianto 'Yuku'

Наконец, Google выпустил официальную версию библиотеки для обновления!

Он называется SwipeRefreshLayout внутри библиотеки поддержки, а документация здесь :

1) Добавьте SwipeRefreshLayout в качестве родителя представления, которое будет обрабатываться как pull для обновления макета. (Я взял ListView в качестве примера, это может быть любое View, например LinearLayout, ScrollView и т.д.)

<Android.support.v4.widget.SwipeRefreshLayout
    Android:id="@+id/pullToRefresh"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content">
    <ListView
        Android:id="@+id/listView"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"/>
</Android.support.v4.widget.SwipeRefreshLayout>

2) Добавить слушателя в свой класс

protected void onCreate(Bundle savedInstanceState) {
    SwipeRefreshLayout pullToRefresh = findViewById(R.id.pullToRefresh);
    pullToRefresh.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
        @Override
        public void onRefresh() {
            refreshData(); // your code
            pullToRefresh.setRefreshing(false);
        }
    });
}

Вы также можете позвонить pullToRefresh.setRefreshing(true/false); согласно вашему требованию.

255
Randy Sugianto 'Yuku'

Я предпринял попытку реализовать компонент для обновления, он далек от завершения , но демонстрирует возможную реализацию https: // github.com/johannilsson/Android-pulltorefresh .

Основная логика реализована в PullToRefreshListView, которая расширяет ListViewВнутренне он управляет прокруткой представления заголовка с помощью smoothScrollBy (API Level 8). Теперь виджет обновлен с поддержкой 1.5 и более поздних версий, пожалуйста, прочтите README для поддержки 1.5.

В ваших макетах вы просто добавляете это так.

<com.markupartist.Android.widget.PullToRefreshListView
    Android:id="@+id/Android:list"
    Android:layout_height="fill_parent"
    Android:layout_width="fill_parent"
    />
79
Johan Berg Nilsson

Я также реализовал надежную библиотеку PullToRefresh для Android с открытым исходным кодом, простую в использовании и настраиваемую. Вы можете заменить свой ListView на PullToRefreshListView, как описано в документации на странице проекта.

https://github.com/erikwt/PullToRefresh-ListView

54
Erik

Я думаю, что самый простой способ обеспечивается библиотекой поддержки Android:

Android.support.v4.widget.SwipeRefreshLayout;

после того, как это будет импортировано, вы можете определить свой макет следующим образом:

  <Android.support.v4.widget.SwipeRefreshLayout
        Android:id="@+id/refresh"
        Android:layout_height="match_parent"
        Android:layout_width="match_parent">
    <Android.support.v7.widget.RecyclerView
        xmlns:recycler_view="http://schemas.Android.com/apk/res-auto"
        Android:id="@Android:id/list"
        Android:theme="@style/Theme.AppCompat.Light"
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content"
        Android:background="@color/button_material_light"
        >

    </Android.support.v7.widget.RecyclerView>
</Android.support.v4.widget.SwipeRefreshLayout>

Я предполагаю, что вы используете представление рециркулятора вместо просмотра списка. Тем не менее, просмотр списка по-прежнему работает, поэтому вам просто нужно заменить реселлер-просмотр на просмотр списка и обновить ссылки в коде Java (фрагмент).

Во фрагменте своей деятельности вы сначала реализуете интерфейс SwipeRefreshLayout.OnRefreshListener: i, e

public class MySwipeFragment extends Fragment implements SwipeRefreshLayout.OnRefreshListener{
private SwipeRefreshLayout swipeRefreshLayout;

@Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_item, container, false);
        swipeRefreshLayout = (SwipeRefreshLayout) view.findViewById(R.id.refresh);
        swipeRefreshLayout.setOnRefreshListener(this);
}


 @Override
  public void onRefresh(){
     swipeRefreshLayout.setRefreshing(true);
     refreshList();
  }
  refreshList(){
    //do processing to get new data and set your listview's adapter, maybe  reinitialise the loaders you may be using or so
   //when your data has finished loading, cset the refresh state of the view to false
   swipeRefreshLayout.setRefreshing(false);

   }
}

Надеюсь, это поможет массам

37
larrytech

По этой ссылке вы можете найти ответвление известного представления PullToRefresh, в котором есть новые интересные реализации, такие как PullTorRefreshWebView или PullToRefreshGridView, или возможность добавить PullToRefresh в нижний край списка.

https://github.com/chrisbanes/Android-PullToRefresh

И самое лучшее, что идеально работает в Android 4.1 (обычное PullToRefresh не работает)

21
Aracem

Чтобы реализовать Android Pull-to-Refresh, попробуйте этот фрагмент кода,

<Android.support.v4.widget.SwipeRefreshLayout
        Android:id="@+id/pullToRefresh"
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content">

    <ListView
        Android:id="@+id/lv"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent" >
    </ListView>

</Android.support.v4.widget.SwipeRefreshLayout>

Класс деятельности:

ListView lv = (ListView) findViewById(R.id.lv);
SwipeRefreshLayout pullToRefresh = (SwipeRefreshLayout) findViewById(R.id.pullToRefresh);


lv.setAdapter(mAdapter);

pullToRefresh.setOnRefreshListener(new OnRefreshListener() {

        @Override
        public void onRefresh() {
            // TODO Auto-generated method stub

            refreshContent();

        }
    });



private void refreshContent(){ 

     new Handler().postDelayed(new Runnable() {
            @Override public void run() {
                pullToRefresh.setRefreshing(false);
            }
        }, 5000);

 }
18
mani

У меня есть очень простой способ сделать это, но теперь я уверен, что это надежный способ. Есть мой код PullDownListView.Java

package com.myproject.widgets;

import Android.content.Context;
import Android.util.AttributeSet;
import Android.view.MotionEvent;
import Android.widget.AbsListView;
import Android.widget.AbsListView.OnScrollListener;
import Android.widget.ListView;

/**
 * @author Pushpan
 * @date Nov 27, 2012
 **/
public class PullDownListView extends ListView implements OnScrollListener {

    private ListViewTouchEventListener mTouchListener;
    private boolean pulledDown;

    public PullDownListView(Context context) {
        super(context);
        init();
    }

    public PullDownListView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public PullDownListView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init();
    }

    private void init() {
        setOnScrollListener(this);
    }

    private float lastY;

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        if (ev.getAction() == MotionEvent.ACTION_DOWN) {
            lastY = ev.getRawY();
        } else if (ev.getAction() == MotionEvent.ACTION_MOVE) {
            float newY = ev.getRawY();
            setPulledDown((newY - lastY) > 0);
            postDelayed(new Runnable() {
                @Override
                public void run() {
                    if (isPulledDown()) {
                        if (mTouchListener != null) {
                            mTouchListener.onListViewPulledDown();
                            setPulledDown(false);
                        }
                    }
                }
            }, 400);
            lastY = newY;
        } else if (ev.getAction() == MotionEvent.ACTION_UP) {
            lastY = 0;
        }
        return super.dispatchTouchEvent(ev);
    }

    @Override
    public void onScroll(AbsListView view, int firstVisibleItem,
            int visibleItemCount, int totalItemCount) {
        setPulledDown(false);
    }

    @Override
    public void onScrollStateChanged(AbsListView view, int scrollState) {
    }

    public interface ListViewTouchEventListener {
        public void onListViewPulledDown();
    }

    public void setListViewTouchListener(
            ListViewTouchEventListener touchListener) {
        this.mTouchListener = touchListener;
    }

    public ListViewTouchEventListener getListViewTouchListener() {
        return mTouchListener;
    }

    public boolean isPulledDown() {
        return pulledDown;
    }

    public void setPulledDown(boolean pulledDown) {
        this.pulledDown = pulledDown;
    }
}

Вам просто нужно реализовать ListViewTouchEventListener в вашей деятельности, где вы хотите использовать этот ListView и установить слушателя

У меня это реализовано в PullDownListViewActivity

package com.myproject.activities;

import Android.app.Activity;
import Android.os.Bundle;

/**
 * @author Pushpan
 *
 */
public class PullDownListViewActivity extends Activity implements ListViewTouchEventListener {

    private PullDownListView listView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        listView = new PullDownListView(this);
        setContentView(listView);
        listView.setListViewTouchListener(this);

        //setItems in listview
    }

    public void onListViewPulledDown(){
        Log.("PullDownListViewActivity", "ListView pulled down");
    }
}

Меня устраивает :)

18
Pushpan

Никто не упомянул новый тип "Подтянуть для обновления", который отображается в верхней части панели действий, как в приложении Google Now или Gmail.

Существует библиотека ActionBar-PullToRefresh , которая работает точно так же.

9
tomrozb

Обратите внимание, что при реализации в Android и ​​WP возникают проблемы с UX.

"Отличный показатель того, почему дизайнеры/разработчики не должны реализовывать функцию" pull-to-refresh "в стиле приложений iOS, - это то, как Google и их команды никогда не используют функцию" pull-to-refresh "на Android, пока они используют ее в iOS. "

https://plus.google.com/109453683460749241197/posts/eqYxXR8L4eb

7
uobroin

Если вы не хотите, чтобы ваша программа выглядела как программа для iPhone, которая принудительно встроена в Android, стремитесь к более естественному внешнему виду и сделайте что-то похожее на Gingerbread:

alt text

4
Lie Ryan

Я написал здесь запрос на обновление компонента: https://github.com/guillep/PullToRefresh Это работает, если в списке нет элементов, и я протестировал его на> = 1.6 Android телефоны.

Любое предложение или улучшение приветствуется :)

4
Guille Polito

Я думаю, что лучшая библиотека: https://github.com/chrisbanes/Android-PullToRefresh .

Работает с:

ListView
ExpandableListView
GridView
WebView
ScrollView
HorizontalScrollView
ViewPager
2
Jossy Paul

Чтобы получить последнюю версию Lollipop Pull-To Refresh:

  1. Загрузите последнюю версию библиотеки поддержки Lollipop SDK и Extras/Android
  2. Задайте для цели проекта Project Android 5.0 (в противном случае пакет поддержки может иметь ошибки с ресурсами).
  3. Обновите вашу libs/Android-support-v4.jar до 21-й версии
  4. Используйте Android.support.v4.widget.SwipeRefreshLayout плюс Android.support.v4.widget.SwipeRefreshLayout.OnRefreshListener

Подробное руководство можно найти здесь: http://antonioleiva.com/swiperefreshlayout/

Плюс для ListView рекомендую прочитать о canChildScrollUp() в комментариях;)

1
goRGon

Очень интересно Pull-to-Refresh от Yalantis . Gif для iOS, но вы можете проверить это :)

<com.yalantis.pulltorefresh.library.PullToRefreshView
Android:id="@+id/pull_to_refresh"
Android:layout_width="match_parent"
Android:layout_height="match_parent">
<ListView
    Android:id="@+id/list_view"
    Android:divider="@null"
    Android:dividerHeight="0dp"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent" />
1
edbaev