recycler दृश्य में प्रदर्शन छवि फेसबुक टाइमलाइन के समान

Question

recycler दृश्य में प्रदर्शन छवि फेसबुक टाइमलाइन के समान

वोट

1

मैं एक Android एप्लिकेशन बनाने हूँ, मैं एक बिंदु पर अटक कर रहा हूँ। मैं के रूप में यह फेसबुक समय रेखा में प्रदर्शित किया जाता पोस्ट प्रदर्शित करना चाहते हैं। पोस्ट छवियों या नहीं हो सकता हो सकता है। मैं अन्य पोस्ट तत्वों के लिए एक कार्ड दृश्य पैदा की है और मैं उन्हें पदों में प्रदर्शित करने के लिए कर रहा हूँ। मैं पोस्ट छवियों के लिए सर्वर से भेजे छवि लिंक है, अब मैं छवियों को डाउनलोड करने और विशेष पोस्ट जो उस में छवि है पर प्रदर्शित करना चाहते। मैं यह कैसे कर सकता हूँ? उपयोगकर्ता 10 पदों है, तो वहाँ एक या दो में छवि हो सकता है। मैं जो पोस्ट छवि है कैसे जांच कर सकते हैं और फिर इसे डाउनलोड करने के बाद उस पोस्ट में छवि प्रदर्शित। किसी भी एक कृपया मुझे इस में मदद कर सकते हैं।

यदि आपको अधिक जानकारी की जरूरत है तो कृपया मुझे बता है। मेरा कार्ड दृश्य के रूप में नीचे दिखाया गया है:

<?xml version=1.0 encoding=utf-8?>
<RelativeLayout xmlns:android=http://schemas.android.com/apk/res/android
    android:layout_width=match_parent
    android:layout_height=match_parent
    android:orientation=vertical>

<android.support.v7.widget.CardView
    xmlns:card_view=http://schemas.android.com/apk/res-auto
    android:id=@+id/card_view
    android:layout_gravity=center
    android:layout_width=match_parent
    android:layout_height=wrap_content
    card_view:cardCornerRadius=4dp>

    <RelativeLayout
        android:layout_width=wrap_content
        android:layout_height=wrap_content>

    <ImageView
        android:id=@+id/imageViewUser
        android:layout_width=wrap_content
        android:layout_height=wrap_content
        android:src=@mipmap/human_image/>

    <TextView
        android:id=@+id/textViewTitle
        android:layout_width=wrap_content
        android:layout_height=wrap_content
        android:layout_toRightOf=@+id/imageViewUser
        android:layout_toEndOf=@+id/imageViewUser
        android:textSize=18sp
        android:text=titleText
        android:layout_marginLeft=10dp
        android:layout_marginStart=10dp/>

        <TextView
            android:id=@+id/textViewNoOfDays
            android:layout_width=wrap_content
            android:layout_height=wrap_content
            android:layout_below=@+id/textViewTitle
            android:textSize=14sp
            android:layout_marginLeft=10dp
            android:text=No of Days
            android:layout_toRightOf=@+id/imageViewUser
            android:layout_alignBottom=@+id/imageViewUser/>

        <TextView
            android:id=@+id/textViewPostDescription
            android:layout_width=wrap_content
            android:layout_height=wrap_content
            android:layout_below=@+id/imageViewUser
            android:layout_marginTop=20dp
            android:text=ABCDE
            android:layout_marginLeft=20dp
            android:layout_marginStart=20dp/>

        <View
            android:layout_width=fill_parent
            android:layout_height=2dp
            android:background=#c0c0c0
            android:layout_below=@+id/postImage
            android:layout_marginTop=10dp/>

        <ImageButton
            android:id=@+id/imageButtonPin
            android:layout_width=wrap_content
            android:layout_height=wrap_content
            android:layout_alignParentRight=true
            android:src=@mipmap/ic_pin_grey600_18dp/>

        <ImageView
            android:id=@+id/postImage
            android:layout_width=wrap_content
            android:layout_height=wrap_content
            android:layout_below=@+id/textViewPostDescription
            />








    </RelativeLayout>






</android.support.v7.widget.CardView>




</RelativeLayout>

android facebook image android-recyclerview

29/11/2015 को 09:58
का स्रोत उपयोगकर्ता Keshav1234

अन्य भाषाओं में...

2 जवाब

RoCk · Answer 1 · 2016-06-21 10:49

वोट

0

मुझे लगता है कि यह आपके लिए देख रहे है, फेसबुक की तरह cardview। यह परीक्षण करता है, तो छवि लाने से सर्वर है null। यह छवियों एक संवेदनशील के रूप में अच्छी तरह से आकार है।

21/06/2016 को 10:49
का स्रोत उपयोगकर्ता RoCk

macbee · Answer 2 · 2016-06-21 11:02

इस तरह मैं इस काम के पाने में कामयाब रहे है।

एडाप्टर कक्षा:

public class StoriesAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

    private List<Success> successList;
    ImageLoader imageLoader = AppController.getInstance().getImageLoader();
    private Context mContext;

    public StoriesAdapter(Context context, List<Success> successList) {
        this.successList = successList;
        this.mContext = context;
    }
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.success_list, parent, false);
        StoryItemViewHolder vh = new StoryItemViewHolder(v);

        return vh;
    }
    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int position) {
        if (imageLoader == null)
            imageLoader = AppController.getInstance().getImageLoader();
        final Success success = successList.get(position);
        StoryItemViewHolder holder = (StoryItemViewHolder) viewHolder;
        // Feed image
        if (!success.getThumbnailUrl().equals("null")) {//check if null
            holder.thumbNail.setImageUrl(success.getThumbnailUrl(), imageLoader);
            holder.thumbNail.setVisibility(View.VISIBLE);
            holder.thumbNail.setResponseObserver(new FeedImageView.ResponseObserver() {
                        @Override
                        public void onError() {
                        }

                        @Override
                        public void onSuccess() {
                        }
                    });
        } else {
            holder.thumbNail.setVisibility(View.GONE);
        }

    }
    @Override
    public int getItemCount() {
        return (null != successList ? successList.size() : 0);
    }

}

और viewHolder:

public class StoryItemViewHolder extends RecyclerView.ViewHolder {
    public FeedImageView thumbNail;

    public StoryItemViewHolder(View view) {
        super(view);
        this.thumbNail= (FeedImageView) view.findViewById(R.id.newsImage);
    }

}