user-interface - 如何使用 JSON 数据 + cardslib android 库动态填充卡片内容

Question

我是 android 编程的新手，实际上我正在尝试学习如何构建一个非常简单的应用程序，使其看起来像 Google Play 商店用户界面。

我找到了非常酷的 android 库，称为 cardslib ( https://github.com/gabrielemariotti/cardslib )，它实际上正在做我或多或少想做的事情。

我现在的问题是如何使用来自网络服务的动态内容而不是静态图像和文本加载来创建卡片？

/**
 * This method builds a simple card
 */
private void initCard() {

    //Init an array of Cards
    ArrayList<Card> cards = new ArrayList<Card>();
    for (int i = 0; i < 200; i++) {
        PicassoCard card = new PicassoCard(this.getActivity());
        card.setTitle("A simple card loaded with Picasso " + i);
        card.setSecondaryTitle("Simple text..." + i);
        card.setCount(i);
        cards.add(card);
    }

    CardArrayAdapter mCardArrayAdapter = new CardArrayAdapter(getActivity(), cards);

    CardListView listView = (CardListView) getActivity().findViewById(R.id.carddemo_extra_list_picasso);
    if (listView != null) {
        listView.setAdapter(mCardArrayAdapter);
    }

}

据我从这个项目的示例代码中了解到，上述方法实际上是构建一个从 1 到 200 迭代的卡片数组。根据我的 Web 服务返回的结果，我如何使这个迭代动态化？

我的下一个问题是如何从我提取的 Web 服务中更改标题和次要标题的文本？

 {"id":1,"sTitle":"First Entry","sSubTitle":"Subtitle
 1","sImageURL":"http://img.youtube.com/vi/u4ehZSbrl8k/default.jpg?h\u003d90\u0026w\u003d120\u0026sigh\u003d__eYg-lRy4LMjJGrDlyHy1s9yf--M\u003d"},
 {"id":2,"sTitle":"Second Entry","sSubTitle":"Subtitle
 2","sImageURL":"http://img.youtube.com/vi/TgVgni8GLqs/default.jpg?h\u003d90\u0026w\u003d120\u0026sigh\u003d__zvGG7fO4LT3ipUXfQPpA0N95Q0w\u003d"},
 {"id":3,"sTitle":"Third Entry","sSubTitle":"Subtitle
 3","sImageURL":"http://img.youtube.com/vi/pZr6y8RnX10/default.jpg?h\u003d90\u0026w\u003d120\u0026sigh\u003d__7JaAVKoYz9IR3CLgHSb1dGkKYbo\u003d"}

我如何修改此类，以便创建的每张卡片都包含来自上述 Web 服务的上述数据？

class PicassoCardThumbnail extends CardThumbnail {

    public PicassoCardThumbnail(Context context) {
        super(context);
    }

    @Override
    public void setupInnerViewElements(ViewGroup parent, View viewImage) {

        /*
         * If your cardthumbnail uses external library you have to provide how to load the image.
         * If your cardthumbnail doesn't use an external library it will use a built-in method
         */

        //Here you have to set your image with an external library
        //Only for test, use a Resource Id and a Url

        //It is just an example !

        if (((PicassoCard) getParentCard()).getCount() % 2 == 0) {
            Picasso.with(getContext()).setDebugging(true);  //only for debug tests
            Picasso.with(getContext())
                    .load("https://plus.google.com/s2/photos/profile/114432517923423045208?sz=96")
                    .error(R.drawable.ic_error_loadingsmall)
                    .into((ImageView) viewImage);
        } else {
            Picasso.with(getContext()).setDebugging(true);  //only for debug tests
            Picasso.with(getContext())
                    .load(R.drawable.ic_na_img)
                    .resize(96, 96)
                    .into((ImageView) viewImage);
        }
        /*
        viewImage.getLayoutParams().width = 96;
        viewImage.getLayoutParams().height = 96;
        */
    }
}

非常感谢您提供的任何指示或帮助。我也在尝试使用这个很棒的库 (cardslib) 以及 Google 的 Volley 项目 (https://android.googlesource.com/platform/frameworks/volley/)，但现在对我来说这非常困难...

如果有人已经设法做到了，将不胜感激有机会研究一些示例代码示例。

Answer 1

您可以在 AsyncTask 中填充/更新您的适配器。

在您的 AsyncTask 中，您可以下载并解析您的 json(在 doBackground 方法中)，然后您可以更新您的适配器。

//Process json

ArrayList<Card> cards = new ArrayList<Card>();
for (//your json elements) {
    MyCard card = new MyCard(this.getActivity());
    card.setTitle(json.getxx);
    card.setSecondaryTitle(json.getxxx);
    cards.add(card);
}


if (mCardArrayAdapter != null) {
    mCardArrayAdapter-addAll(cards);
    mCardArrayAdapter.notifyDataSetChanged();
}

如果你的卡片中需要更多字段，只需使用

publc class MyCard extends Card{

   public XXXX myField;
   //....
}