Databases
StackOverflow2013
Postsdbo
POAndroid animation starts only after scrolling it's parent view
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POAndroid animation starts only after scrolling it's parent view
    text
    copied!<p>I'm trying to create an expandable menu item in android, which will look like a button and on button click, button will expand to down with animation. I set an expand animation for the layout which i want to expand when clicked to my view and I have problem with animation. It doesn't start immediately when I clicked the view, and it starts when I scroll-down or scroll-up the container of the view. And if the container is not scrollable, my animation never starts. What am I doing wrong?</p> <p>Here is my expand method, onClick method and the layout xml file for my custom view which will do this things:</p> <p>expand:</p> <pre><code>public void expand(final View v) { try { Method m = v.getClass().getDeclaredMethod("onMeasure", int.class, int.class); m.setAccessible(true); m.invoke(v, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED), MeasureSpec.makeMeasureSpec(((View)v.getParent()).getMeasuredWidth(), MeasureSpec.AT_MOST) ); } catch (Exception e) { Log.e(TAG , "Caught an exception!", e); } final int initialHeight = v.getMeasuredHeight(); Log.d("test", "initialHeight="+initialHeight); v.getLayoutParams().height = 0; v.setVisibility(View.VISIBLE); Animation a = new Animation() { @Override protected void applyTransformation(float interpolatedTime, Transformation t) { final int newHeight = (int) (initialHeight * interpolatedTime); v.getLayoutParams().height = newHeight; v.requestLayout(); } @Override public boolean willChangeBounds() { return true; } }; a.setDuration(1000); a.setInterpolator(AnimationUtils.loadInterpolator(context, android.R.anim.accelerate_decelerate_interpolator)); v.startAnimation(a); isExpanded = !isExpanded; } </code></pre> <p>onClick:</p> <pre><code>public void onClick(View v) { if (!isExpanded) { expand(subButtonsLayout); } else { collapse(subButtonsLayout); } } </code></pre> <p>Layout xml for custom menu item view:</p> <pre><code>&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:mtx="http://schemas.android.com/apk/res/com.matriksdata.trademaster" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:gravity="center_horizontal"&gt; &lt;LinearLayout android:id="@+id/xExpandableMenuButtonTop" android:background="@drawable/opened_menu_bg_top" android:layout_width="wrap_content" android:layout_height="wrap_content"&gt; &lt;/LinearLayout&gt; &lt;LinearLayout android:background="@drawable/opened_menu_bg_center" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" android:gravity="center_vertical"&gt; &lt;LinearLayout android:id="@+id/xExpandableMenuButtonTitle" android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center_vertical"&gt; &lt;TextView android:id="@+id/xExpandableMenuButtonText" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" android:layout_marginLeft="10dip" android:layout_marginRight="10dip" android:textAppearance="@style/expandable_menu_button_textstyle" android:text="Button Text"&gt; &lt;/TextView&gt; &lt;ImageView android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="6" android:src="@drawable/menu_button_down_arrow"&gt; &lt;/ImageView&gt; &lt;/LinearLayout&gt; &lt;/LinearLayout&gt; &lt;LinearLayout android:id="@+id/xExpandableMenuButtonSubButtonsLayout" android:background="@drawable/opened_menu_bg_center" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" android:gravity="center_vertical" android:visibility="gone"&gt; &lt;LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center" android:orientation="vertical"&gt; &lt;com.myproject.control.XSubMenuButton android:layout_width="wrap_content" android:layout_height="wrap_content" mtx:XSubMenuButtonText="SubMenu1"&gt; &lt;/ccom.myproject.control.XSubMenuButton&gt; &lt;com.myproject.control.XSubMenuButton android:layout_width="wrap_content" android:layout_height="wrap_content" mtx:XSubMenuButtonText="SubMenu2"&gt; &lt;/com.myproject.control.XSubMenuButton&gt; &lt;com.myproject.control.XSubMenuButton android:layout_width="wrap_content" android:layout_height="wrap_content" mtx:XSubMenuButtonText="SubMenu3"&gt; &lt;/com.myproject.control.XSubMenuButton&gt; &lt;/LinearLayout&gt; &lt;/LinearLayout&gt; &lt;LinearLayout android:id="@+id/xExpandableMenuButtonBottom" android:background="@drawable/opened_menu_bg_bottom" android:layout_width="wrap_content" android:layout_height="wrap_content"&gt; &lt;/LinearLayout&gt; &lt;/LinearLayout&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload