RycyclerView 中的 Facebook 原生广告 android

Question

我发现了类似的问题 Facebook Native ads in recycler view android，但在与自定义广告集成时遇到了一些问题。

首先我试图描述 NativeAdsManager :

  @Override
public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);
    manager = new NativeAdsManager(getActivity(),    "892769720837476_892772047503910", 5);
    manager.setListener(this);
    manager.loadAds();

    nativeAd = new NativeAd(getActivity(), "892769720837476_892772047503910");
    nativeAd.setAdListener(this);
    nativeAd.loadAd();
...
 }

然后我将 Native ad 作为参数包含在 RecyclerAdapter 构造函数中：

  adapter = new RecyclerAdapter(foodDataList, getActivity(), nativeAd);

在这个Class中我还实现了AdListener和NativeAdsManager.Listener方法：

@Override
public void onError(Ad ad, AdError adError) {

}

@Override
public void onAdLoaded(Ad ad) {
}

@Override
public void onAdClicked(Ad ad) {

}

@Override
public void onAdsLoaded() {

    System.out.println("Loaded in fragment");
    nativeAd = manager.nextNativeAd();
    nativeAd.setAdListener(this);

    adapter.notifyDataSetChanged();


}

@Override
public void onAdError(AdError adError) {

}

之后 RecyclerAdapter class :

   public void onBindViewHolder(final RecyclerView.ViewHolder holder, final int position) {
    switch (holder.getItemViewType()) {
    ...
    case 2:
            AdditionalHolder new_holder = (AdditionalHolder) holder;
            adView = NativeAdView.render(context, nativeAd, NativeAdView.Type.HEIGHT_100);
            new_holder.templateContainer.addView(adView);
            return;

   ...
    public class AdditionalHolder extends RecyclerView.ViewHolder {
    protected LinearLayout templateContainer;

    public AdditionalHolder(View view) {
        super(view);

        templateContainer = (LinearLayout) view.findViewById(R.id.ad_test2);



    }
}

所有这些之后，我的 Fragment 和 RecyclerView 变得非常 "luggy" 并且每次我都能看到越来越多的广告项目（1 - 从头开始，2 - 在 10项目，3 - 在接下来的 10 之后等等）。

第一次使用多个RecyclerViewholders，觉得这个问题比较难。

为您提供2个要点Classes

https://gist.github.com/burnix/6af8196ee8acf5c8f94e - RecyclerAdapter.class https://gist.github.com/burnix/53dc2ed7446969b78f07 - FragmentList.class

请帮我解决凸耳问题并按需要放置 AudienceNetwork。

提前致谢！

Answer 1

经过几个小时的头痛，我解决了我的问题。我需要更改 RecyclerView:

的构造函数

  public RecyclerAdapter(List<FoodData> food, Context context, NativeAd  nativeAd, NativeAdsManager manager) {
    this.foodDataList = food;
    this.context = context;
    this.nativeAd = nativeAd;
    this.manager = manager;
}

并在 onBindViewHolder 中实现原生广告的行为：

  AdditionalHolder new_holder = (AdditionalHolder) holder;
            try {
                new_holder.templateContainer.removeViewInLayout(adView);
            } catch (Exception e) {
                e.printStackTrace();
            }
            nativeAd = manager.nextNativeAd();
            try {
                adView = NativeAdView.render(context, nativeAd, NativeAdView.Type.HEIGHT_300);
            } catch (NullPointerException e) {
                e.printStackTrace();
            }

            new_holder.templateContainer.addView(adView);
            new_holder.blank_holder.setVisibility(View.GONE);

但它并没有完全解决我的问题（滚动时micro-lags），但我希望它仍然对某些人有用。

Answer 2

       Youur adapter==>

        import android.app.Activity;
        import android.support.v7.widget.CardView;
        import android.support.v7.widget.RecyclerView;
        import android.util.Log;
        import android.view.LayoutInflater;
        import android.view.View;
        import android.view.ViewGroup;
        import android.widget.ImageView;
        import android.widget.LinearLayout;
        import android.widget.ProgressBar;

        import com.bumptech.glide.Glide;
        import com.bumptech.glide.load.resource.drawable.GlideDrawable;
        import com.bumptech.glide.request.RequestListener;
        import com.bumptech.glide.request.target.Target;
        import com.romantic.pictures.hd.love.wallpaper.download.R;
        import com.romantic.pictures.hd.love.wallpaper.download.activity.ROMANTIC_LOVE_WALLPAPER;
        import com.romantic.pictures.hd.love.wallpaper.download.model.ImageStorage;

        import java.util.ArrayList;

        /**
         * Created by abc on 4/11/2018.
         */

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

            public final int CONTENT_TYPE = 0;
            public final int AD_TYPE = 1;

            private OnItemClickListener mOnItemClickListener;
            Activity context;
            ArrayList<ImageStorage> catagorilist;

            public ImageAdapter(Activity context, ArrayList<ImageStorage> catagorilist, OnItemClickListener mOnItemClickListener) {
                this.mOnItemClickListener = mOnItemClickListener;
                this.context = context;
                this.catagorilist = catagorilist;
            }


            public interface OnItemClickListener {
                public void onItemClick(View view, int position);
            }

            @Override
            public int getItemViewType(int position) {
                Log.e("TAG", "getItemViewType position : " + position);
                Log.e("TAG", "getItemViewType position% : " + position % 5);

                if (position % 7 == 0)
                    return AD_TYPE;
                return CONTENT_TYPE;
            }


            @Override
            public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
                switch (viewType) {
                    case CONTENT_TYPE:
                        Log.e("TAG", "content type : ");
                        LayoutInflater inflater = LayoutInflater.from(parent.getContext());
                        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.my_layout2, parent, false);
                        return new MyHolder(view);

                    case AD_TYPE:
                        Log.e("TAG", "ad type : ");
                        View nativeView = LayoutInflater.from(parent.getContext()).inflate(R.layout.row_nativead, parent, false);
                        return new NativeAd(nativeView);
                    default:
                        Log.e("TAG", "default : ");
                        LayoutInflater inflater1 = LayoutInflater.from(parent.getContext());
                        View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.my_layout2, parent, false);
                        return new MyHolder(v);
                }
            }


            @Override
            public void onBindViewHolder(final RecyclerView.ViewHolder holder, final int position) {
                holder.setIsRecyclable(false);
                int viewType = getItemViewType(position);
                ImageStorage listitem = catagorilist.get(position);


                switch (viewType) {
                    case CONTENT_TYPE:
                        Log.e("TAG", "bind CONTENT_TYPE : ");
                        final MyHolder menuItemHolder = (MyHolder) holder;


                        //        holder.imagview.setText(listitem.getId());
                /*holder.cat_name.setText(listitem.getName());*/
                        Glide.with(context).load("http://learntodraw.in/ImageApp/new_" + listitem.getCat_imagem()).listener(new RequestListener<String, GlideDrawable>() {
                            @Override
                            public boolean onException(Exception e, String model, Target<GlideDrawable> target, boolean isFirstResource) {
                                return false;
                            }

                            @Override
                            public boolean onResourceReady(GlideDrawable resource, String model, Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) {
                                menuItemHolder.progressBar.setVisibility(View.GONE);
                                return false;
                            }
                        }).into(menuItemHolder.imagview);
                        Log.e("TAG", "onBindViewHolder: " + "http://learntodraw.in/ImageApp/new_" + listitem.getCat_imagem());
                        Log.e("TAG", "onBindViewHolder: " + position);


                        menuItemHolder.mainLayout.setOnClickListener(new View.OnClickListener() {
                            @Override
                            public void onClick(View v) {
                                mOnItemClickListener.onItemClick(v, position);
                            }
                        });


                        break;

                    case AD_TYPE:
                        Log.e("TAG", "bind AD_TYPE : ");
                        final NativeAd nativeHolder = (NativeAd) holder;
                        ROMANTIC_LOVE_WALLPAPER.showNativeVidAd(context, nativeHolder.container);

                        nativeHolder.container_height.post(new Runnable() {
                            public void run() {
        //                        int height = nativeHolder.container_height.getHeight();
                                ViewGroup.LayoutParams params = nativeHolder.container.getLayoutParams();
        //                        params.height = height;
                                params.height = LinearLayout.LayoutParams.WRAP_CONTENT;
                                nativeHolder.container.setLayoutParams(params);

                              //  nativeHolder.linearlayout_title.setVisibility(View.GONE);
                            }
                        });
                        break;
                }


            }

            @Override
            public int getItemCount() {
                return catagorilist.size();
            }


            public class MyHolder extends RecyclerView.ViewHolder {
                public ImageView imagview;
                public LinearLayout mainLayout;
                public CardView cardview;
                public ProgressBar progressBar;

                public MyHolder(View itemView) {
                    super(itemView);


                    imagview = (ImageView) itemView.findViewById(R.id.imagview);
                    mainLayout = (LinearLayout) itemView.findViewById(R.id.mainLayout);
                    progressBar = (ProgressBar) itemView.findViewById(R.id.progressBar);
                    cardview = (CardView) itemView.findViewById(R.id.cardview);
                }
            }

            public static class NativeAd extends RecyclerView.ViewHolder {

                LinearLayout container;
                LinearLayout container_height;
        //        LinearLayout linearlayout_title;

                public NativeAd(View view) {
                    super(view);
                    container = view.findViewById(R.id.native_ad_container);
                    container_height = view.findViewById(R.id.container_height);
                   /* linearlayout_title = view.findViewById(R.id.linearlayout_title);*/
                }
            }

        }






public static void showNativeVidAd(final Activity context, final LinearLayout nativeContainer) {

        final NativeAd  nativeAd = new NativeAd(context, context.getString(R.string.fb_test_ad_img) + context.getString(R.string.native_ads3));
//        final NativeAd nativeAd = new NativeAd(context, context.getString(R.string.facebook_native_ad_unit_id));
        nativeAd.setAdListener(new com.facebook.ads.AdListener() {

            @Override
            public void onError(Ad ad, AdError error) {
                // Ad error callback
                Log.e("TAG", "facebook native error : " + error.getErrorMessage());
                nativeContainer.setVisibility(View.GONE);
            }

            @Override
            public void onAdLoaded(Ad ad) {
                // Ad loaded callback
                Log.e("TAG", "facebook native onAdLoaded : ");
                if (nativeAd != null) {
                    nativeAd.unregisterView();
                }

                try {
                    LinearLayout nativeAdContainer = nativeContainer;

                    nativeAdContainer.setVisibility(View.VISIBLE);
                    // Add the Ad view into the ad container.
                    nativeAdContainer = (LinearLayout) context.findViewById(R.id.native_ad_container);
                    LayoutInflater inflater = LayoutInflater.from(context);
                    // Inflate the Ad view.  The layout referenced should be the one you created in the last step.
                    RelativeLayout adView = (RelativeLayout) inflater.inflate(R.layout.custom_nativead, nativeAdContainer, false);

                    nativeAdContainer.removeAllViews();
                    nativeAdContainer.addView(adView);

                    // Create native UI using the ad metadata.
                    MediaView nativeAdMedia = (MediaView) adView.findViewById(R.id.native_ad_media);

                  /*  //TextView nativeAdSocialContext = (TextView) adView.findViewById(R.id.native_ad_social_context);
                    Typeface typeface = Typeface.createFromAsset(context.getAssets(), "ProximaNova-Semibold.otf");
                    nativeAdSocialContext.setTypeface(typeface);*/

//                    TextView nativeAdCallToAction = (TextView) adView.findViewById(R.id.native_ad_call_to_action);

                    // Set the Text.
//                    nativeAdSocialContext.setText(nativeAd.getAdSocialContext());
//                    nativeAdCallToAction.setText(nativeAd.getAdCallToAction());

                    // Download and display the ad icon.
                   // NativeAd.Image adIcon = nativeAd.getAdIcon();

                    // Download and display the cover image.
                    nativeAdMedia.setNativeAd(nativeAd);

                    // Add the AdChoices icon
                    LinearLayout adChoicesContainer = (LinearLayout) adView.findViewById(R.id.ad_choices_container);
                    AdChoicesView adChoicesView = new AdChoicesView(context, nativeAd, true);
                    adChoicesContainer.addView(adChoicesView);

                    // Register the Title and CTA button to listen for clicks.
                    List<View> clickableViews = new ArrayList<>();
//                    clickableViews.add(nativeAdCallToAction);
                    clickableViews.add(nativeAdMedia);
                    clickableViews.add(adChoicesContainer);
                    nativeAd.registerViewForInteraction(nativeAdContainer, clickableViews);
                } catch (Exception e) {
                    e.printStackTrace();
                }
            }

            @Override
            public void onAdClicked(Ad ad) {
                // Ad clicked callback
            }

            @Override
            public void onLoggingImpression(Ad ad) {
                // Ad impression logged callback
                Log.e("TAG", "facebook native onLoggingImpression");
            }
        });

        // Request an ad
        nativeAd.loadAd(NativeAd.MediaCacheFlag.ALL);
    }

RycyclerView 中的 Facebook 原生广告 android

Facebook Native Ads in RycyclerView android

java

android

facebook-audience-network

android-recyclerview