English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

  1. 現在の位置
  2. ホーム
  3. 経験記録
  4. 本文

AndroidでListViewを使用してMarketのページング効果を実現するサンプル

この記事では、AndroidでListViewを使用してMarketに似たページロード効果を実現する方法について説明します。皆さんに参考にしていただければ幸いです。以下の通りです：

最近数日間、ListViewのページロードとスクロールロードの実現方法を研究していました。listViewのOnScrollメソッドを使用できることを発見しました。以下にコードを示します。

ListViewScroll.java

package zy.lucifer.ListViewScroll;
import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;
import android.widget.Toast;
import android.widget.AbsListView.OnScrollListener;
import android.widget.LinearLayout.LayoutParams;
public class ListViewScroll extends Activity {
  /** アクティビティが最初に作成されたときに呼び出されます。 */
  private LayoutParams mLayoutParams = new LinearLayout.LayoutParams(
      LinearLayout.LayoutParams.WRAP_CONTENT,
      LinearLayout.LayoutParams.WRAP_CONTENT);
  /**
   * レイアウトの表示目標最大化属性を設定します
   */
  private LayoutParams FFlayoutParams = new LinearLayout.LayoutParams(
      LinearLayout.LayoutParams.FILL_PARENT,
      LinearLayout.LayoutParams.FILL_PARENT);
  ListView listView ;
  private int lastItem = 0;
  LinearLayout loadingLayout;
  private listViewAdapter adapter;
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    listView = (ListView) findViewById(R.id.myList);
    Log.i("test", "onCreate(Bundle savedInstanceState)>>>>>>>>>>>>>>>");
    // ラインレイアウト
    LinearLayout layout = new LinearLayout(this);
    // レイアウトを水平方向に設定します
    layout.setOrientation(LinearLayout.HORIZONTAL);
    // プログレスバー
    ProgressBar progressBar = new ProgressBar(this);
    // プログレスバーの表示位置
    progressBar.setPadding(0, 0, 15, 0);
    // プログレスバーをlayoutに追加します
    layout.addView(progressBar, mLayoutParams);
    // テキスト内容
    TextView textView = new TextView(this);
    textView.setText("読み込み中...");
    textView.setGravity(Gravity.CENTER_VERTICAL);
    // テキストをlayoutに追加
    layout.addView(textView, FFlayoutParams);
    // layout的重力方向、つまりアライメント方法は
    layout.setGravity(Gravity.CENTER);
    // ListViewのページフッターlayoutを設定
    loadingLayout = new LinearLayout(this);
    loadingLayout.addView(layout, mLayoutParams);
    loadingLayout.setGravity(Gravity.CENTER);
    listView.addFooterView(loadingLayout);
    adapter = new listViewAdapter();
    listView.setAdapter(adapter);
    listView.setOnScrollListener(new OnScrollListener() {
      @Override
      public void onScroll(AbsListView view, int firstVisibleItem,
          int visibleItemCount, int totalItemCount) {
        // TODO Auto-generated method stub
        Log.i("test", "Scroll>>>first: ") + firstVisibleItem + ", visible: " + visibleItemCount + ", total: " + totalItemCount);
        lastItem = firstVisibleItem + visibleItemCount - 1;
        Log.i("test", "Scroll>>>lastItem: ") + lastItem);
        //表示50件のListItem、つまり0-49、なぜならonScrollは「スライド」が実行された後にのみトリガーされるからですので、adapter.count<=41作条件
        int scrolllength=101;
        if (adapter.count<=scrolllength) {
          if (firstVisibleItem+visibleItemCount==totalItemCount) {
            adapter.count += 10;
            adapter.notifyDataSetChanged();
            listView.setSelection(lastItem);
            int currentPage=adapter.count/10;
            Toast.makeText(getApplicationContext(), "第"+currentPage+"ページ", Toast.LENGTH_LONG).show();
          }
        }
        else {
           listView.removeFooterView(loadingLayout);
        }
      }
      @Override
      public void onScrollStateChanged(AbsListView view, int scrollState) {
        // TODO Auto-generated method stub
      }
    });
  }
  class listViewAdapter extends BaseAdapter {
    int count = 10; /* starting amount */
    public int getCount() {
      return count;
    }
    public Object getItem(int pos) {
      return pos;
    }
    public long getItemId(int pos) {
      return pos;
    }
    public View getView(int pos, View v, ViewGroup p) {
      Log.i("test", "getView>>>pos:" + pos);
      TextView view;
      if (v == null) {
        view = new TextView(ListViewScroll.this);
      } else {
        view = (TextView) v;
      }
      view.setText("ListItem ") + pos);
      view.setTextSize(20f);
      view.setGravity(Gravity.CENTER);
      view.setHeight(60);
      return view;
    }
  }
}

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  
  >
<ListView android:cacheColorHint="#00000000" android:id="@+id/myList"
android:layout_width="fill_parent" android:layout_height="fill_parent"
    >
  </ListView>
</LinearLayout>

Androidに関連するさらに詳細な内容に興味を持つ読者は、以下の本サイトの特集を確認してください：《AndroidビューViewの技術的なポイント総整理》、《Androidレイアウトlayoutの技術的なポイント総整理》、《Androidグラフィックおよび画像処理の技術的なポイント総整理》、《Android開発入門および進階ツアー》、《Androidデバッグの技術的なポイントおよびよくある問題の解決方法の集約》、《Androidマルチメディア操作の技術的なポイント総整理（音声、ビデオ、録音など）》、《Android基本コンポーネントの使用方法総整理》および《Androidコントロールの使用方法総整理》

この記事の内容が皆さんのAndroidプログラムデザインに役立つことを願っています。

声明：本文の内容はインターネットから収集され、著作権者に帰属します。インターネットユーザーにより自発的に貢献し、アップロードされました。本サイトは所有権を持ちません。また、人間による編集は行われていません。著作権侵害を疑う内容が見つかった場合、メールでnotice#wにご連絡ください。3codebox.com（メール送信時、#を@に置き換えてください。通報し、関連証拠を提供してください。一旦確認されると、本サイトは即座に侵害疑いのコンテンツを削除します。）

基礎教程
おすすめ