Slide in (over) activity

Question

Currently I'm trying to implement something in my app where I really don't know where to start. Have a look at this little image:

enter image description here

You can find the app in play store here: https://play.google.com/store/apps/details?id=com.imano.euro2012.row

In my app, I have a listview and when i tap on an item I want to slide in the black activity in to about 3/4. In that activity I want to have some llistview item specific options.

Any one knows how to solve this?

Solution:

Thanks to Imran-Khan I got it working. But I think this code is not perfect. I'm not sure if the width and height calculation in the first half of the showPopup() method is correct. And in my solution the popup has on the bottom and on the right a little margin. I don't know right now why this happens. Maybe someone can help...

Here is what I did so far:

First I added the method showpopup(long selectedItem) to my listview:

lv_timer.setOnItemClickListener(new OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> parentView, View childView, int position, long id) {
            showPopup(id);
        }
});

and the method itself:

private void showPopup(long selectedItem) {
    Display display = getWindowManager().getDefaultDisplay();
    Point size = new Point();
    display.getSize(size);
    int width = size.x;
    int height = size.y;

    int popupWidth = (width / 4) * 3;
    int popupHeight = height;

    LinearLayout viewGroup = (LinearLayout) findViewById(R.id.ll_timer_prop);
    LayoutInflater layoutInflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    View layout = layoutInflater.inflate(R.layout.timer_properties, viewGroup);

    final PopupWindow popup = new PopupWindow(this);
    popup.setContentView(layout);
    popup.setWidth(popupWidth);
    popup.setHeight(popupHeight);
    popup.setFocusable(true);

    popup.showAtLocation(layout, Gravity.NO_GRAVITY, width - (width / 4 * 3), 0);

    TextView tv_item = (TextView) layout.findViewById(R.id.tv_item);
    tv_item.setText("Clicked Item ID: " + selectedItem);
}

This is working fine for me.

for the slide in part I've found this thread: PopupWindow animation not working

I added

popup.setAnimationStyle(R.style.AnimationPopup);

before the showAtLocation() call, created a res/anim directory an created two XML files in it: popup_show.xml and popup_hide.xml

popup_show.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <scale
        android:fromXScale="0.0" android:toXScale="1.0"
        android:fromYScale="1.0" android:toYScale="1.0"
        android:pivotX="100%" android:pivotY="0%"
        android:duration="@android:integer/config_shortAnimTime"
        />
    <alpha
        android:interpolator="@android:anim/decelerate_interpolator"
        android:fromAlpha="0.0" android:toAlpha="1.0"
        android:duration="@android:integer/config_shortAnimTime"
        />

</set>

popup_hide.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <scale
        android:fromXScale="1.0" android:toXScale="0.0"
        android:fromYScale="1.0" android:toYScale="1.0"
        android:pivotX="100%" android:pivotY="0%"
        android:duration="@android:integer/config_shortAnimTime"
        />
    <alpha
        android:interpolator="@android:anim/decelerate_interpolator"
        android:fromAlpha="1.0" android:toAlpha="0.0"
        android:duration="@android:integer/config_shortAnimTime"
        />

</set>

+1 for the cool handwriting/drawing – WarrenFaith Jun 23 '12 at 18:57 — WarrenFaith, Jun 23 '12 at 18:57

score 2 · Accepted Answer · answered Jun 23 '12 at 19:11

2

You can create this view using custom PopupWindow

see this tutorial for Creating Custom PopupWindow

How to create popups in Android

answered Jun 23 '12 at 19:11

ρяσѕρєя K

132,198
53
198
213

I will have a look at this. With a little tweaking, I think that could work... Thank You! – Oliver Jun 23 '12 at 19:43

K_Anas · Answer 2 · 2012-06-23T19:22:42.930

1

You can use QuickAction For such behaviour, Like shown on third screen

Edit Sorry I have not paid attention for the fact that you want a sliding from right to left effect, But I think you can try to customise slidindrawer in Android API to make slide from right to left.

edited Jun 23 '12 at 19:22

answered Jun 23 '12 at 18:56

K_Anas

31,226
9
68
81

I know quickactions, but that's not what I want – Oliver Jun 23 '12 at 19:05

score 1 · Answer 3 · edited May 23 '17 at 12:34

1

Funny, I'm actually looking at the same problem right now.

I've found this topic: Android Facebook style slide

Some nice examples in there.

edited May 23 '17 at 12:34

Community

1
1

answered Jun 23 '12 at 19:23

gosr

4,593
9
46
82

I tried that too and actually it works. But was not what I wanted. Will give you feedback when I tried imran khans PopupWindow... – Oliver Jun 23 '12 at 20:03

Slide in (over) activity

3 Answers3