web-dev-qa-db-ja.com

Firebase Listアダプターの使用方法

私はこのチュートリアルをフォローしようとしています：

https://www.youtube.com/watch?v=2J6spwAVP0M

しかし、複雑なアプリに実装するだけでは機能しなかったので、ゼロから試しました。

私はこのシンプルなMainActivityを作成しました：

public class MainActivity extends AppCompatActivity{

    Firebase mRef;
    com.firebase.ui.FirebaseListAdapter<String> myAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mRef = new Firebase("https://<myURL>..");

        myAdapter = new FirebaseListAdapter<String>(this,String.class,Android.R.layout.simple_list_item_1,mRef) {
            @Override
            protected void populateView(View view, String s, int i) {
                TextView text = (TextView)view.findViewById(Android.R.id.text1);
                text.setText(s);

            }
        };
        Button addBtn = (Button) findViewById(R.id.add_button);
        addBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mRef.Push().setValue("test123");
            }
        });
    }
}

さて、いくつか質問があります。

1）populateViewをトリガーするものは何ですか？実行できなかった

2）Android.R.layout.simple_list_item_1を正確に何に置き換えますか？独自のリストビューを作成して上記をR.id.listViewに置き換えてみましたが、何も起こりません。この魔法の仕組みを理解できません。

3）このシンプルなアプリでも機能しませんでした。ボタンを押すと、サーバーの適切な場所に「test123」が追加されますが、アプリに何も表示されません。

androidfirebaselistadapterfirebase-realtime-databasefirebaseui
7
Yarden Cohen

私は何が悪いのかを見つけました、私はリストビューがありませんでした。修正されたコードをここに示します：

public class MainActivity extends AppCompatActivity {

    Firebase mRef;
    com.firebase.ui.FirebaseListAdapter<String> myAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mRef = new Firebase("https://<myURL>..");

        myAdapter = new FirebaseListAdapter<String>(this,String.class,Android.R.layout.simple_list_item_1,mRef) {
            @Override
            protected void populateView(View view, String s, int i) {
                TextView text = (TextView) view.findViewById(Android.R.id.text1);
                text.setText(s);
            }
        };
        final ListView lv = (ListView) findViewById(R.id.listView);
        lv.setAdapter(myAdapter);

        Button addBtn = (Button) findViewById(R.id.add_button);
        addBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mRef.Push().setValue("test123");
            }
        });
    }


}

lv.setAdapterは、アダプターをリストに関連付けるものであり、populateViewもトリガーします。これは、基本的に、3つの質問すべてに対する回答です。

ここにもxmlがあります：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:tools="http://schemas.Android.com/tools"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:paddingBottom="@dimen/activity_vertical_margin"
    Android:paddingLeft="@dimen/activity_horizontal_margin"
    Android:paddingRight="@dimen/activity_horizontal_margin"
    Android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.twodwarfs.firebaselistadapter.MainActivity">


    <Button
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:text="add"
        Android:id="@+id/add_button"
        Android:layout_alignParentBottom="true"
        Android:layout_alignParentEnd="true" />

    <ListView
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:id="@+id/listView"
        Android:layout_toStartOf="@+id/add_button"
        Android:layout_below="@+id/textView" />
</RelativeLayout>
6
Yarden Cohen
  1. FirebaseListAdapter.populateView（）docs ：

指定されたFirebaseロケーションのデータが変更されるたびに、このメソッドは、表示する必要があるアイテムごとに呼び出されます。引数は、このクラスのコンストラクターに指定されたmLayoutおよびmModelClassに対応します。実装では、モデルに含まれるデータを使用してビューにデータを入力する必要があります。

  1. リストアイテムの外観をカスタマイズする場合は、独自のカスタムレイアウトに置き換えることができます。上記で参照されているドキュメントによると：

modelLayout-これは、単一のリスト項目を表すために使用されるレイアウトです。対応するビューのインスタンスにmodelClassのインスタンスからのデータを入力する必要があります。

  1. 私は以前にFirebaseListAdapterを使用したことはありませんが、これを確認することができます sample by Puf で、問題が解決する可能性があります。それもチェックして、何が問題なのかを理解できるかどうかを確認します。

乾杯！

3
AL.