Android擴展和佈局合同動畫

Question

我有一個正常的相對佈局，文本視圖和進度條。

現在，因爲我有一個固定的寬度和高度的佈局文本正確地放置在中心和看起來不錯，佈局onclick我們正在改變進度欄的可見性，以「可見」，但因爲我有一個固定寬度的進度條位於文本的頂部。

我想要實現的是，onclick和動畫一起增加布局的右端寬度。

這裏是我的代碼：佈局

<RelativeLayout 
     android:id="@+id/rellyt" 
     android:layout_width="150dp" 
     android:layout_height="35dp" 
     android:layout_margin="5dp" 
     android:background="#B7E4FF" 
     android:clickable="true" > 

     <TextView 
      android:id="@+id/txt" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:layout_centerInParent="true" 
      android:text="click on this button" 
      android:textColor="#000000" 
      android:textSize="14sp" /> 

     <ProgressBar 
      android:id="@+id/prgbar" 
      style="@android:style/Widget.ProgressBar.Small" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      android:layout_centerVertical="true" 
      android:layout_marginRight="8dp" 
      android:visibility="visible" /> 
    </RelativeLayout> 

屏幕截圖：

Answer 1

試試這個辦法，希望這將幫助你解決你的問題。

main.xml中

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:gravity="center"> 

    <LinearLayout 
     android:id="@+id/customLayout" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_margin="5dp" 
     android:background="#B7E4FF" 
     android:gravity="center" 
     android:padding="5dp"> 

     <TextView 
      android:id="@+id/txt" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="click on this button" 
      android:textColor="#000000" 
      android:textSize="14sp" /> 

     <ProgressBar 
      android:id="@+id/prgbar" 
      style="@android:style/Widget.ProgressBar.Small" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="5dp" 
      android:visibility="invisible" /> 
    </LinearLayout> 
</LinearLayout> 

MainActivity.java

public class MainActivity extends Activity { 

    private LinearLayout customLayout; 
    private ProgressBar prgbar; 
    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.main); 

     customLayout = (LinearLayout) findViewById(R.id.customLayout); 
     prgbar = (ProgressBar) findViewById(R.id.prgbar); 
     customLayout.setOnClickListener(new View.OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       if(prgbar.getVisibility() == View.INVISIBLE){ 
        prgbar.setVisibility(View.VISIBLE); 
       }else{ 
        prgbar.setVisibility(View.INVISIBLE); 
       } 
      } 
     }); 

    } 
} 

Answer 2

動畫

public class ResizeWidthAnimation extends Animation 
{ 
    private int mWidth; 
    private int mStartWidth; 
    private View mView; 

    public ResizeWidthAnimation(View view, int width) 
    { 
     mView = view; 
     mWidth = width; 
     mStartWidth = view.getWidth(); 
    } 

    @Override 
    protected void applyTransformation(float interpolatedTime, Transformation t) 
    { 
     int newWidth = mStartWidth + (int) ((mWidth - mStartWidth) * interpolatedTime); 

     mView.getLayoutParams().width = newWidth; 
     mView.requestLayout(); 
    } 

    @Override 
    public void initialize(int width, int height, int parentWidth, int parentHeight) 
    { 
     super.initialize(width, height, parentWidth, parentHeight); 
    } 

    @Override 
    public boolean willChangeBounds() 
    { 
     return true; 
    } 
} 

使用

if(animate) 
{ 
    ResizeWidthAnimation anim = new ResizeWidthAnimation(leftFrame, leftFragmentWidthPx); 
    anim.setDuration(500); 
    leftFrame.startAnimation(anim); 
} 
else 
{ 
    this.leftFragmentWidthPx = leftFragmentWidthPx; 
    LayoutParams lp = (LayoutParams) leftFrame.getLayoutParams(); 
    lp.width = leftFragmentWidthPx; 
    leftFrame.setLayoutParams(lp); 
}