Hi, I try to implement your gradle libs to me project, but i have a little issue, SwipeFlingAdapterView does not visible in me view. I created custom BaseAdapter and set up it

swipeFlingAdapterView.setAdapter(adapter);

but nothing to show in layout except button

Animation stutters and logcat also reports skipped frames when using complexer card views.

I/Choreographer﹕ Skipped 50 frames! The application may be doing too much work on its main thread.

Any idea how to fix this? Txn! Great library BTW!

HI i have written my custom base adapter with json pojo and on succeful data retrieval i am setting the data to response object and response object to adapter and i have set the adapter to flingContainer like in the below code but i am not able to see the cards after i have parsed the data. please help on this

 client.get(getApplicationContext(), URL, new AsyncHttpResponseHandler() {
            @Override
            public void onSuccess(int statusCode, Header[] headers, byte[] responseBody) {
                String ResponseStr = new String(responseBody);
                gson = new Gson();
                Log.d("LIST", ResponseStr);
                responseObject = gson.fromJson(ResponseStr, SuggestionResponse.class);
                Adapter = new CardAdapter(MainActivity.this, responseObject.getUsers());
                flingContainer.setAdapter(Adapter);

            }

            @Override
            public void onFailure(int statusCode, Header[] headers, byte[] responseBody, Throwable error) {

            }
        });

And i have set the listners and implemented all the methods but still i am not able to see any out put let me know i can share my adapter class as well my adapter looks like

import android.view.LayoutInflater;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.dunst.flutter.R;
import com.dunst.flutter.netwrok.models.SuggestionResponse;
import com.squareup.picasso.Picasso;

import java.util.List;

/**
 * Created by Ashu on 26/09/15.
 */
public class CardAdapter extends BaseAdapter {

    private List<SuggestionResponse.UsersEntity> mSuggestion;
    private Context mContext;
    private LayoutInflater inflater = null;

    public CardAdapter(Context mContext, List<SuggestionResponse.UsersEntity> mSuggestion) {
        this.mContext = mContext;
        this.mSuggestion = mSuggestion;
        inflater = ( LayoutInflater )mContext.
                getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    }

    @Override
    public int getCount() {
        return mSuggestion.size();
    }

    @Override
    public Object getItem(int position) {
        return mSuggestion.get(position);
    }

    @Override
    public long getItemId(int position) {
        return 0;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        LayoutInflater inflater = (LayoutInflater) mContext
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View rowView = inflater.inflate(R.layout.each_card, parent, false);
        Holder holder = new Holder();
        holder.tv=(TextView) rowView.findViewById(R.id.textView1);
        holder.img=(ImageView) rowView.findViewById(R.id.imageView1);
        final SuggestionResponse.UsersEntity Suggestion = (SuggestionResponse.UsersEntity) getItem(position);
        holder.tv.setText(Suggestion.getFirstname());
        String Image_Url = Suggestion.getPhoto().get(0);
        Picasso.with(mContext).load(Image_Url).into(holder.img);
        rowView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
            }
        });
        return rowView;
    }

    public class Holder
    {
        TextView tv;
        ImageView img;
    }
}

I have a child's point of view, this is a picture, it's big. I'll give it a set the click event. But then the sliding event doesn't work. I want to do is to click on the image processing click event, sliding images to slide the whole card, Do you have what method? Thank you very much.

I tried creating a dummy example with 6 cards which only contain text. This is what they look like:

xml:

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MyApp">

    <com.lorentzos.flingswipe.SwipeFlingAdapterView
        android:id="@+id/explore_cards"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#eee9e2"
        />

</RelativeLayout>

build.grade:

compile 'com.android.support:support-v4:18.0.+'
compile 'com.android.support:appcompat-v7:18.0.+'
compile 'com.lorentzos.swipecards:library:1.0.7@aar'

relevant pieces of java:

SwipeFlingAdapterView swipeView = (SwipeFlingAdapterView) v.findViewById(R.id.explore_cards);
tempArray = new ArrayList<String>();
tempArray.add("hi");
tempArray.add("hey");
tempArray.add("yo");
tempArray.add("blah");
tempArray.add("hin");
tempArray.add("heeeee");
swipeView.setAdapter(arrayAdapter);
swipeView.setFlingListener(this);

...........

@Override
public void removeFirstObjectInAdapter() {
    Log.i(LOG_TAG, "REMOVE FIRST");
    tempArray.remove(0);
    arrayAdapter.notifyDataSetChanged();;
}

@Override
public void onLeftCardExit(Object o) {
    Log.i(LOG_TAG, "EXIT LEFT");
}

@Override
public void onRightCardExit(Object o) {
    Log.i(LOG_TAG, "EXIT RIGHT");
}

@Override
public void onAdapterAboutToEmpty(int i) {
    Log.i(LOG_TAG, "ABOUT TO EMPTY");
}

I suppose it's also worth mentioning that this is all placed inside a (support) Fragment. I also get a message in my XML file stating 'Failed to find style 'SwipeFlingStyle' in current theme'

Any help would be appreciated, thanks a bunch!

Hi Diolor, first of, awesome library.

I am using this library with images and some text. The issue is when a card is partially swiped, the image in the card underneath is not drawn. The image gets drawn only after the card above is fully swiped. This is not the case for the text underneath, the text is shown when the card is partially swiped. I want this behavior to apply for the image also.

I'm trying to achieve something where you can sneak peek fully what's below the card.

Please let me know if there's a solution to this.

Cheers

Hi! Thank for great library. I tried to custom swipe card, I created new Adapter extend ArrayList, but It was not working. I checked all issue in this library, but I don't found. Please help me resolve this problem and give me some example about this. Thanks. best regards.

I have used this with the AsyncTask and the custom adapter but it is not working.

class LoadAllProducts extends AsyncTask<String, String, String> {

    @Override
    protected void onPreExecute() {
        super.onPreExecute();

        pDialog = new ProgressDialog(MainActivity.this);
        pDialog.setMessage("Loading products. Please wait...");
        pDialog.setIndeterminate(false);
        pDialog.setCancelable(false);
        pDialog.show();

    }

    protected String doInBackground(String... args) {
        // Building Parameters
        List<NameValuePair> params = new ArrayList<NameValuePair>();

        params.add(new BasicNameValuePair("id", "1"));

        // getting JSON string from URL
        JSONObject json = jParser.makeHttpRequest(url_all_products, "GET",
                params);

        flingContainer.removeAllViewsInLayout();

        al.clear();
        al = new ArrayList<Product>();

        try {
            // Checking for SUCCESS TAG
            int success = json.getInt(TAG_SUCCESS);

            if (success == 1) {
                // products found
                // Getting Array of Products
                products = json.getJSONArray(TAG_PRODUCTS);
                al = new ArrayList<Product>();
                // looping through All Products
                Product pp;
                for (int i = 0; i < products.length(); i++) {

                    JSONObject c = products.getJSONObject(i);

                    // Storing each json item in variable

                    name = c.getString(TAG_NAME);

                    pp = new Product();

                    pp.portal = c.getString(TAG_NAME);

                    al.add(pp);
                    pp = null;

                }

            } else {

            }

        } catch (JSONException e) {
            e.printStackTrace();
        }

        return null;
    }

    protected void onPostExecute(String file_url) {
        // dismiss the dialog after getting all products
        pDialog.dismiss();

        arrayAdapter = new ProductAdpater(MainActivity.this, R.layout.item,
                al);

        flingContainer.setAdapter(arrayAdapter);

    }
}

and my custom adapter:

private class ProductAdpater extends ArrayAdapter<Product> {

    Activity mContext;

    public ProductAdpater(Activity context, int resourceId,
            List<Product> items) {
        super(context, resourceId, items);

        try {
            this.mContext = context;

        } catch (Exception e) {

            e.printStackTrace();
        }

    }

    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return al.size();
    }

    @Override
    public long getItemId(int position) {
        // TODO Auto-generated method stub
        return position;
    }

    public View getView(final int position, View convertView,
            ViewGroup parent) {

        View view = convertView;
        ViewHolder holder = null;

        LayoutInflater mInflater = (LayoutInflater) mContext
                .getSystemService(Activity.LAYOUT_INFLATER_SERVICE);
        if (view == null) {
            view = mInflater.inflate(R.layout.item, parent, false);
            holder = new ViewHolder();
            holder.imgIcon = (ImageView) view
                    .findViewById(R.id.img_product);
            holder.imageLeft = (ImageButton) view
                    .findViewById(R.id.img_delete);
            holder.imageRight = (ImageButton) view
                    .findViewById(R.id.img_wish);

            holder.tvBrand = (TextView) view.findViewById(R.id.tv_brand);
            holder.tvPortal = (TextView) view.findViewById(R.id.tv_portal);

            view.setTag(holder);
        } else
            holder = (ViewHolder) view.getTag();

        holder.imgIcon.setImageDrawable(getResources().getDrawable(
                R.drawable.amazon));

        // your image url
        String url = "http://javatechig.com/wp-content/uploads/2014/05/UniversalImageLoader-620x405.png";

        ImageLoader imageLoader = ImageLoader.getInstance();

        // ImageView imageView = (ImageView) findViewById(R.id.img_product);

        imageLoader.displayImage(url, holder.imgIcon);

        holder.imageLeft.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                flingContainer.getTopCardListener().selectLeft();
            }
        });
        holder.imageRight.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                flingContainer.getTopCardListener().selectRight();
            }
        });

        holder.tvPortal.setText((al.get(position).portal));
        return view;
    }

    class ViewHolder {

        ImageView imgIcon;
        ImageButton imageLeft, imageRight;
        TextView tvPrice, tvPortal, tvBrand;

    }

}

It is shows the ProgressDialog dialog but after completing doInBackgrond task it is not display anything. Even there is not error log .

How can i solved this?

Hi,

I've created a custom adapter to use with my object rather than the simple ArrayAdapter since I need some extra fields, however, not all of my custom fields are showing up on the swipecard.

With the following code the title, company name and description fields are correctly populated onto my card but not the others, even though the fields are there. No errors from the debugger and everything works fine but they just don't show up!!! What am I missing?

Here is what I am doing in my activity:

At the top of the activity: @InjectView(R.id.frame) SwipeFlingAdapterView flingContainer;

In my AsyncTask:

arrayAdapter = new JobAdapter(getApplicationContext(), R.layout.jobcard, result);
flingContainer.setAdapter(arrayAdapter);

Yes: the result ArrayList is populated with values.

My adapter:

public View getView(int position, View convertView, ViewGroup parent) {
        View row = convertView;
        ViewHolder holder = null;

        LayoutInflater inflater = (LayoutInflater) context.getSystemService((Activity.LAYOUT_INFLATER_SERVICE));

        if (row == null) {
            row = inflater.inflate(layoutResourceId, parent, false);
            //row = inflater.inflate(layoutResourceId, null);

            holder = new ViewHolder();
            holder.title = (TextView)row.findViewById(R.id.tv_jobTitle);
            holder.payrate = (TextView)row.findViewById(R.id.tv_payRate);
            holder.startdate = (TextView)row.findViewById(R.id.tv_startDate);
            holder.workinghrs = (TextView)row.findViewById(R.id.tv_duration);
            holder.location = (TextView)row.findViewById(R.id.tv_location);
            holder.companyname = (TextView)row.findViewById(R.id.tv_companyName);
            holder.description = (TextView)row.findViewById(R.id.tv_JobDesc);
            holder.equipment = (TextView)row.findViewById(R.id.tv_equipmentReq);
            holder.experience = (TextView)row.findViewById(R.id.tv_experienceReq);

            row.setTag(holder);
        } else {
            holder = (ViewHolder)row.getTag();
        }

        Job j = jobs.get(0);

        holder.title.setText(j.getJobTitle());
        holder.payrate.setText(j.getPayrate());
        holder.startdate.setText(j.getDurationStart());
        holder.workinghrs.setText(j.getWorkingHrs());
        holder.location.setText(j.getLocation());
        holder.companyname.setText("ABC Company");
        holder.description.setText(j.getDescription());
        holder.equipment.setText("Hardhat");
        holder.experience.setText("3-5 years");

        return row;
    }
    static class ViewHolder
    {
        TextView title;
        TextView payrate;
        TextView startdate;
        TextView workinghrs;
        TextView location;
        TextView companyname;
        TextView description;
        TextView equipment;
        TextView experience;
    }

And finally, my jobcard.xml layout:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_gravity="center"
    android:layout_width="match_parent"
    android:layout_height="400dp"
    android:padding="20dp">

    <LinearLayout
        android:id="@+id/mainCardLayout"
        android:layout_width="match_parent"
        android:layout_height="340dp"
        android:layout_gravity="center"
        android:orientation="vertical"
        android:weightSum="1"
        android:background="#ffffff">

        <TextView
            android:id="@+id/tv_jobTitle"
            android:background="#ffffff"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:textStyle="bold"
            android:textSize="16sp"
            android:textColor="#474747"
            android:textAlignment="center"
            tools:text="Cement Pouring Guy"
            android:layout_gravity="center_horizontal"/>

        <TextView
            android:id="@+id/tv_companyName"
            android:background="#ffffff"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="14sp"
            android:textColor="#474747"
            android:textAlignment="center"
            tools:text="ABC Company"
            android:layout_gravity="center_horizontal" />

        <LinearLayout
            android:id="@+id/cardHeader"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="20dp">

            <TextView
                android:id="@+id/tv_experienceReq"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="15dp"
                android:layout_marginLeft="10dp"
                tools:text="3-5 years" />

            <View
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_weight="1" />

            <TextView
                android:id="@+id/tv_location"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="15dp"
                tools:text="Langley, BC" />

            <View
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_weight="1" />

            <TextView
                android:id="@+id/tv_payRate"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="15dp"
                android:layout_marginRight="10dp"
                tools:text="125/day" />

        </LinearLayout>

        <TextView
            android:id="@+id/tv_JobDesc"
            android:textSize="14sp"
            android:textColor="#474747"
            android:background="#f3f3f3"
            tools:text="Pour Cement, Mix Cement, Level Cement and go pick up cement bags."
            android:layout_width="match_parent"
            android:layout_height="150dp"
            android:padding="15dp" />

        <LinearLayout
            android:id="@+id/additionalInfo"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center" >

            <TextView
                android:id="@+id/tv_startDate"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="15dp"
                android:layout_marginLeft="10dp"
                tools:text="June 1, 2016" />

            <View
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_weight="1"
                />

            <TextView
                android:id="@+id/tv_duration"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="15dp"
                tools:text="8h" />

            <View
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_weight="1"
                />

            <TextView
                android:id="@+id/tv_equipmentReq"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="15dp"
                android:layout_marginRight="10dp"
                tools:text="Hardhat" />

        </LinearLayout>

    </LinearLayout>

    <View
        android:id="@+id/item_swipe_left_indicator"
        android:alpha="0"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_margin="20dp"
        android:background="#A5F" />

    <View
        android:id="@+id/item_swipe_right_indicator"
        android:alpha="0"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_margin="20dp"
        android:layout_gravity="right"
        android:background="#5AF" />

</FrameLayout>

Thanks for the help!

Hi!

I must use an scrollview into the card to show all the information, but the drag action is not possible.

Do you know how can I achieve this?

Thanks!

I want to create a stack of 3 cards to be shown at once i.e little layer of below card to be shown. So user get to know that there is more cards below.

Your library do have methods of class SwipeFlingAdapterView but these doesn't work or this indicate something different that I am not able to understand.

1. setMinStackInAdapter(3);
2. setMaxVisible(3);

Please help if there is any method regarding this.

Thanks in Advance.

Just wanted to know how will I get X and Y coordinates position of image while dragging it. Please help me to display any text on top of image while dragging in progress, remember while dragging itself not after image swiped already left or right. In card I must override onTouchListener and I want to pass touch event programatically. Thanks in advance.

Hi,

  In my app app i have one play button in each card.When i click play button in card,i need to update the play button to pause.i called notifydatasetchanged.But it didn't refresh .Any solution to update the card?