我參考了這篇文章,我將它改了一下:
可動態布局的Android抽屜之基礎
工程中需要這樣的效果,左邊和右邊的Panel可以打開關閉:
我把左邊和右邊的Panel封裝成2個類了。這里要特別注意,抽屜是需要“handler”的,我這里可以把任何View都看成“handler”,使用setBindView(View bindView)方法進行綁定“handler”。這樣做的好處是“把手”可以獨立于抽屜,可以任意控制把手的位置,而不需要把手跟著抽屜移動!
先看左邊的Panel:
右邊的Panel,需要注意構造函數多了viewBeside參數:
使用方法:
main.xml:
可動態布局的Android抽屜之基礎
工程中需要這樣的效果,左邊和右邊的Panel可以打開關閉:
我把左邊和右邊的Panel封裝成2個類了。這里要特別注意,抽屜是需要“handler”的,我這里可以把任何View都看成“handler”,使用setBindView(View bindView)方法進行綁定“handler”。這樣做的好處是“把手”可以獨立于抽屜,可以任意控制把手的位置,而不需要把手跟著抽屜移動!
先看左邊的Panel:
import android.content.Context;
import android.os.AsyncTask;
import android.view.View;
import android.widget.LinearLayout;
public class LeftPanel extends LinearLayout{
/**每次自動展開/收縮的范圍*/
private final static int SPEED=20;
private int MAX_WIDTH=0;
private Context mContext;
public LeftPanel(Context context,int width,int height) {
super(context);
this.mContext=context;
//設置Panel本身的屬性
LayoutParams lp=new LayoutParams(width, height);
lp.leftMargin=-lp.width;
MAX_WIDTH=Math.abs(lp.leftMargin);
this.setLayoutParams(lp);
}
/**
*
* @param context
* @param width
* @param height
* @param bindView
* @param contentView
*/
public LeftPanel(Context context,int width,int height,View bindView,View contentView) {
this(context,width,height);
setBindView(bindView);
setContentView(contentView);
}
/**
* 把View放在Panel中
* @param v
*/
public void setContentView(View v){
this.addView(v);
}
/**
* 綁定觸發動畫的View
* @param bindView
*/
public void setBindView(View bindView){
bindView.setOnClickListener(new OnClickListener(){
@Override
public void onClick(View v) {
LayoutParams lp = (LayoutParams) getLayoutParams();
if (lp.leftMargin < 0)// CLOSE的狀態
new AsynMove().execute(new Integer[] { SPEED });// 正數展開
else if (lp.leftMargin >= 0)// OPEN的狀態
new AsynMove().execute(new Integer[] { -SPEED });// 負數收縮
}
});
}
class AsynMove extends AsyncTask<Integer, Integer, Void> {
@Override
protected Void doInBackground(Integer... params) {
int times;
if (MAX_WIDTH % Math.abs(params[0]) == 0)// 整除
times = MAX_WIDTH / Math.abs(params[0]);
else
times = MAX_WIDTH / Math.abs(params[0]) + 1;// 有余數
for (int i = 0; i < times; i++) {
publishProgress(params);
try {
Thread.sleep(Math.abs(params[0]));
} catch (InterruptedException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
return null;
}
@Override
protected void onProgressUpdate(Integer... params) {
LayoutParams lp = (LayoutParams)getLayoutParams();
if (params[0] < 0){//關閉
lp.leftMargin = Math.max(lp.leftMargin + params[0],-MAX_WIDTH);
}
else{//打開
lp.leftMargin = Math.min(lp.leftMargin + params[0],MAX_WIDTH);
}
if(lp.leftMargin==0 && onPanelStatusChangedListener!=null){//展開之后
onPanelStatusChangedListener.onPanelOpened(LeftPanel.this);//調用OPEN回調函數
}
else if(lp.leftMargin==-MAX_WIDTH && onPanelStatusChangedListener!=null){//收縮之后
onPanelStatusChangedListener.onPanelClosed(LeftPanel.this);//調用CLOSE回調函數
}
setLayoutParams(lp);
}
}
public interface OnPanelStatusChangedListener{
void onPanelOpened(LeftPanel panel);
void onPanelClosed(LeftPanel panel);
}
private OnPanelStatusChangedListener onPanelStatusChangedListener;
public void setOnPanelStatusChangedListener(OnPanelStatusChangedListener onPanelStatusChangedListener){
this.onPanelStatusChangedListener=onPanelStatusChangedListener;
}
}
右邊的Panel,需要注意構造函數多了viewBeside參數:
import android.content.Context;
import android.os.AsyncTask;
import android.view.View;
import android.widget.LinearLayout;
public class RightPanel extends LinearLayout{
/**每次自動展開/收縮的范圍*/
private final static int SPEED=20;
private int MAX_WIDTH=0;
private Context mContext;
/**
* viewBeside自動布局以適應Panel展開/收縮的空間變化
*
*/
public RightPanel(Context context,View viewBeside,int width,int height) {
super(context);
this.mContext=context;
//必須改變Panel左側組件的weight屬性
LayoutParams p=(LayoutParams) viewBeside.getLayoutParams();
p.weight=1;//支持擠壓
viewBeside.setLayoutParams(p);
//設置Panel本身的屬性
LayoutParams lp=new LayoutParams(width, height);
lp.rightMargin=-lp.width;
MAX_WIDTH=Math.abs(lp.rightMargin);
this.setLayoutParams(lp);
}
/**
*
* @param context
* @param otherView
* @param width
* @param height
* @param bindView
* @param contentView
*/
public RightPanel(Context context,View viewBeside,int width,int height,View bindView,View contentView) {
this(context,viewBeside,width,height);
setBindView(bindView);
setContentView(contentView);
}
/**
* 把View放在Panel中
* @param v
*/
public void setContentView(View v){
this.addView(v);
}
/**
* 綁定觸發動畫的View
* @param bindView
*/
public void setBindView(View bindView){
bindView.setOnClickListener(new OnClickListener(){
@Override
public void onClick(View v) {
LayoutParams lp = (LayoutParams) getLayoutParams();
if (lp.rightMargin < 0)// CLOSE的狀態
new AsynMove().execute(new Integer[] { SPEED });// 正數展開
else if (lp.rightMargin >= 0)// OPEN的狀態
new AsynMove().execute(new Integer[] { -SPEED });// 負數收縮
}
});
}
class AsynMove extends AsyncTask<Integer, Integer, Void> {
@Override
protected Void doInBackground(Integer... params) {
int times;
if (MAX_WIDTH % Math.abs(params[0]) == 0)// 整除
times = MAX_WIDTH / Math.abs(params[0]);
else
times = MAX_WIDTH / Math.abs(params[0]) + 1;// 有余數
for (int i = 0; i < times; i++) {
publishProgress(params);
try {
Thread.sleep(Math.abs(params[0]));
} catch (InterruptedException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
return null;
}
@Override
protected void onProgressUpdate(Integer... params) {
LayoutParams lp = (LayoutParams)getLayoutParams();
if (params[0] < 0)
lp.rightMargin = Math.max(lp.rightMargin + params[0], -MAX_WIDTH);
else
lp.rightMargin = Math.min(lp.rightMargin + params[0], 0);
if(lp.rightMargin==0 && onPanelStatusChangedListener!=null){//展開之后
onPanelStatusChangedListener.onPanelOpened(RightPanel.this);//調用OPEN回調函數
}
else if(lp.rightMargin==-MAX_WIDTH && onPanelStatusChangedListener!=null){//收縮之后
onPanelStatusChangedListener.onPanelClosed(RightPanel.this);//調用CLOSE回調函數
}
setLayoutParams(lp);
}
}
public interface OnPanelStatusChangedListener{
void onPanelOpened(RightPanel panel);
void onPanelClosed(RightPanel panel);
}
private OnPanelStatusChangedListener onPanelStatusChangedListener;
public void setOnPanelStatusChangedListener(OnPanelStatusChangedListener onPanelStatusChangedListener){
this.onPanelStatusChangedListener=onPanelStatusChangedListener;
}
}
使用方法:
import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.util.Log;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.LinearLayout.LayoutParams;
public class App extends Activity {
public LeftPanel leftPanel;
public RightPanel rightPanel;
public LinearLayout container;
public Button btn_0,btn_1;
private View tv;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
container=(LinearLayout)findViewById(R.id.container);
btn_0 = (Button) findViewById(R.id.btn_0);
btn_1 = (Button) findViewById(R.id.btn_1);
tv = findViewById(R.id.tv);
//新建測試組件
TextView content0=new TextView(this);
content0.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));
content0.setText("左邊的panel");
content0.setGravity(Gravity.CENTER);
content0.setTextColor(Color.RED);
content0.setBackgroundColor(Color.WHITE);
//新建測試組件
TextView content1=new TextView(this);
content1.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));
content1.setText("右邊的panel");
content1.setGravity(Gravity.CENTER);
content1.setTextColor(Color.RED);
content1.setBackgroundColor(Color.WHITE);
leftPanel=new LeftPanel(this,120,LayoutParams.FILL_PARENT);
leftPanel.setBindView(btn_0);
leftPanel.setContentView(content0);
leftPanel.setOnPanelStatusChangedListener(new LeftPanel.OnPanelStatusChangedListener() {
@Override
public void onPanelOpened(LeftPanel panel) {
// TODO Auto-generated method stub
Log.i("tag", "======onPanelOpened=======");
}
@Override
public void onPanelClosed(LeftPanel panel) {
// TODO Auto-generated method stub
Log.i("tag", "======onPanelClosed=======");
}
});
container.addView(leftPanel,0);//加入Panel控件
//
rightPanel=new RightPanel(this,tv,120,LayoutParams.FILL_PARENT);
rightPanel.setBindView(btn_1);
rightPanel.setContentView(content1);
rightPanel.setOnPanelStatusChangedListener(new RightPanel.OnPanelStatusChangedListener() {
@Override
public void onPanelOpened(RightPanel panel) {
// TODO Auto-generated method stub
Log.i("tag", "======onPanelOpened=======");
}
@Override
public void onPanelClosed(RightPanel panel) {
// TODO Auto-generated method stub
Log.i("tag", "======onPanelClosed=======");
}
});
container.addView(rightPanel);//加入Panel控件
}
}
main.xml:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
>
<LinearLayout
android:id="@+id/container"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
android:layout_weight="1"
>
<TextView android:id="@+id/tv"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:text="hello,squeeze me."
/>
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center"
>
<Button android:id="@+id/btn_0"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="left"
/>
<Button android:id="@+id/btn_1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="right"
/>
</LinearLayout>
</LinearLayout>
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061
微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元

