安卓开发：模仿微博中间加号按钮弹出发布页面

以下代码都是直接从项目里摘出来的，比较糙，代码写得也比较简单，相信很多人看一眼就知道怎么写了，凑合看吧，反正满足我们项目的需求了。

之前也写过，用两个popup来回切换实现的，在有的手机上老是有问题，所以这次就重新写了一个，效果比之前的好一点，都是最简单的代码，也不回存在什么兼容问题。

下面开始上代码：

首先定义好要显示的动画效果，下面有6个，一共用到了5个，最后一个是消失时候用的动画，可用可不用

/**
* 从控件的底部移动到控件所在位置
*/
public static TranslateAnimation moveToViewLocation() {
TranslateAnimation mHiddenAction = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.0f,
Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 1.0f, Animation.RELATIVE_TO_SELF, 0.0f);
mHiddenAction.setDuration(300);
return mHiddenAction;
}

/**
* 从控件所在位置移动到左侧
*/
public static TranslateAnimation moveToLeftHide() {
TranslateAnimation mHiddenAction = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.0f,
Animation.RELATIVE_TO_SELF, -1.0f, Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 0.0f);
mHiddenAction.setDuration(300);
return mHiddenAction;
}

/**
* 从右侧移动到控件所在位置
*/
public static TranslateAnimation moveToLeftShow() {
TranslateAnimation mHiddenAction = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 1.0f,
Animation.RELATIVE_TO_SELF, 0.0
4000
f, Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 0.0f);
mHiddenAction.setDuration(300);
return mHiddenAction;
}

/**
* 从控件所在位置移动到右侧
*/
public static TranslateAnimation moveToRightHide() {
TranslateAnimation mHiddenAction = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.0f,
Animation.RELATIVE_TO_SELF, 1.0f, Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 0.0f);
mHiddenAction.setDuration(300);
return mHiddenAction;
}

/**
* 从左侧移动到控件所在位置
*/
public static TranslateAnimation moveToRightShow() {
TranslateAnimation mHiddenAction = new TranslateAnimation(Animation.RELATIVE_TO_SELF, -1.0f,
Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 0.0f);
mHiddenAction.setDuration(300);
return mHiddenAction;
}
/**
* 从控件所在位置移动到控件的底部
*/
public static TranslateAnimation moveToViewBottom() {
TranslateAnimation mHiddenAction = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.0f,
Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 1.0f);
mHiddenAction.setDuration(300);
return mHiddenAction;
}

然后就是各个点击事件的判断了，点不同按钮跳转不同的页面

@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.send_one_close_img:
finish();
break;
case R.id.send_two_close_img:
finish();
break;
case R.id.send_two_back_img:
send_tab_two.setVisibility(View.GONE);
send_tab_two.setAnimation(moveToRightHide());
send_tab_one.setVisibility(View.VISIBLE);
send_tab_one.setAnimation(moveToRightShow());
break;
case R.id.send_one_dongtai:
Toast.makeText(context, "发布动态", Toast.LENGTH_SHORT).show();
finish();
break;
case R.id.send_one_zijin:
Toast.makeText(context, "发布资金", Toast.LENGTH_SHORT).show();
finish();
break;
case R.id.send_one_shebei:
send_two_qiu_img.setImageResource(R.mipmap.pic_fabu_shebei_zl);
send_two_chu_img.setImageResource(R.mipmap.pic_fabu_shebei_cz);
send_two_qiu_tv.setText("设备求租");
send_two_chu_tv.setText("设备出租");
send_tab_one.setVisibility(View.GONE);
send_tab_one.setAnimation(moveToLeftHide());
send_tab_two.setVisibility(View.VISIBLE);
send_tab_two.setAnimation(moveToLeftShow());
send_two_qiu.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(ActivitySendSelect.this, "设备出租", Toast.LENGTH_SHORT).show();
finish();
}
});
send_two_chu.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(ActivitySendSelect.this, "设备求租", Toast.LENGTH_SHORT).show();
finish();
}
});
break;
case R.id.send_one_rencai:
send_two_qiu_img.setImageResource(R.mipmap.pic_fabu_rencai_zm);
send_two_chu_img.setImageResource(R.mipmap.pic_fabu_rencai_qz);
send_two_qiu_tv.setText("人才招募");
send_two_chu_tv.setText("人才求职");
send_tab_one.setVisibility(View.GONE);
send_tab_one.setAnimation(moveToLeftHide());
send_tab_two.setVisibility(View.VISIBLE);
send_tab_two.setAnimation(moveToLeftShow());
send_two_qiu.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(ActivitySendSelect.this, "人才招募", Toast.LENGTH_SHORT).show();
finish();
}
});
send_two_chu.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(ActivitySendSelect.this, "人才求职", Toast.LENGTH_SHORT).show();
finish();
}
});
break;
case R.id.send_one_changdi:
send_two_qiu_img.setImageResource(R.mipmap.pic_fabu_changdi_zl);
send_two_chu_img.setImageResource(R.mipmap.pic_fabu_changdi_cz);
send_two_qiu_tv.setText("场地求租");
send_two_chu_tv.setText("场地出租");
send_tab_one.setVisibility(View.GONE);
send_tab_one.setAnimation(moveToLeftHide());
send_tab_two.setVisibility(View.VISIBLE);
send_tab_two.setAnimation(moveToLeftShow());
send_two_qiu.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(ActivitySendSelect.this, "场地求租", Toast.LENGTH_SHORT).show();
finish();
}
});
send_two_chu.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(ActivitySendSelect.this, "场地出租", Toast.LENGTH_SHORT).show();
finish();
}
});
break;
case R.id.send_one_juben:
send_two_qiu_img.setImageResource(R.mipmap.pic_fabu_juben_zj);
send_two_chu_img.setImageResource(R.mipmap.pic_fabu_juben_cs);
send_two_qiu_tv.setText("剧本征集");
send_two_chu_tv.setText("剧本出售");
send_tab_one.setVisibility(View.GONE);
send_tab_one.setAnimation(moveToLeftHide());
send_tab_two.setVisibility(View.VISIBLE);
send_tab_two.setAnimation(moveToLeftShow());
send_two_qiu.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(ActivitySendSelect.this, "剧本征集", Toast.LENGTH_SHORT).show();
finish();
}
});
send_two_chu.setOnClic
11766
kListener(new OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(ActivitySendSelect.this, "剧本出售", Toast.LENGTH_SHORT).show();
finish();
}
});
break;
default:
break;
}
}

上面是点击事件的判断，中间的

send_tab_one.setVisibility(View.GONE);
send_tab_one.setAnimation(moveToLeftHide());
send_tab_two.setVisibility(View.VISIBLE);
send_tab_two.setAnimation(moveToLeftShow());

这些无非就是控制不同控件的显示隐藏，添加不同的动画而已

最后，附上布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/white"
android:clipToPadding="true"
android:fitsSystemWindows="true">

<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="80dp"
android:layout_marginRight="80dp"
android:layout_marginTop="34dp"
android:src="@mipmap/pic_fabu_top" />

<TableLayout
android:id="@+id/send_tab_one"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:visibility="gone">

<TableRow>

<LinearLayout
android:id="@+id/send_one_dongtai"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/tm_selector_btn_anxia"
android:gravity="center_horizontal"
android:orientation="vertical"
android:paddingBottom="6dp"
android:paddingTop="6dp">

<ImageView
android:layout_width="64dp"
android:layout_height="64dp"
android:src="@mipmap/pic_fabu_dongtai" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="6dp"
android:text="动态"
android:textSize="14dp" />
</LinearLayout>

<LinearLayout
android:id="@+id/send_one_zijin"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/tm_selector_btn_anxia"
android:gravity="center_horizontal"
android:orientation="vertical"
android:paddingBottom="6dp"
android:paddingTop="6dp">

<ImageView
android:layout_width="64dp"
android:layout_height="64dp"
android:src="@mipmap/pic_fabu_zijin" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="6dp"
android:text="资金"
android:textSize="14dp" />
</LinearLayout>

<LinearLayout
android:id="@+id/send_one_shebei"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/tm_selector_btn_anxia"
android:gravity="center_horizontal"
android:orientation="vertical"
android:paddingBottom="6dp"
android:paddingTop="6dp">

<ImageView
android:layout_width="64dp"
android:layout_height="64dp"
android:src="@mipmap/pic_fabu_shebei" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="6dp"
android:text="设备"
android:textSize="14dp" />
</LinearLayout>
</TableRow>

<TableRow>

<LinearLayout
android:id="@+id/send_one_rencai"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/tm_selector_btn_anxia"
android:gravity="center_horizontal"
android:orientation="vertical"
android:paddingBottom="6dp"
android:paddingTop="6dp">

<ImageView
android:layout_width="64dp"
android:layout_height="64dp"
android:src="@mipmap/pic_fabu_rencai" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="6dp"
android:text="人才"
android:textSize="14dp" />
</LinearLayout>

<LinearLayout
android:id="@+id/send_one_changdi"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/tm_selector_btn_anxia"
android:gravity="center_horizontal"
android:orientation="vertical"
android:paddingBottom="6dp"
android:paddingTop="6dp">

<ImageView
android:layout_width="64dp"
android:layout_height="64dp"
android:src="@mipmap/pic_fabu_changdi" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="6dp"
android:text="场地"
android:textSize="14dp" />
</LinearLayout>

<LinearLayout
android:id="@+id/send_one_juben"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/tm_selector_btn_anxia"
android:gravity="center_horizontal"
android:orientation="vertical"
android:paddingBottom="6dp"
android:paddingTop="6dp">

<ImageView
android:layout_width="64dp"
android:layout_height="64dp"
android:src="@mipmap/pic_fabu_juben" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="6dp"
android:text="剧本"
android:textSize="14dp" />
</LinearLayout>
</TableRow>

<ImageView
android:id="@+id/send_one_close_img"
android:layout_width="match_parent"
android:layout_height="46dp"
android:layout_marginBottom="10dp"
android:background="@drawable/tm_selector_btn_anxia"
android:src="@mipmap/pic_fabuquxiao" />
</TableLayout>

<TableLayout
android:id="@+id/send_tab_two"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:visibility="gone">

<TableRow>

<LinearLayout
android:id="@+id/send_two_qiu"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/tm_selector_btn_anxia"
android:gravity="center_horizontal"
android:orientation="vertical"
android:paddingBottom="6dp"
android:paddingTop="6dp">

<ImageView
android:id="@+id/send_two_qiu_img"
android:layout_width="64dp"
android:layout_height="64dp" />

<TextView
android:id="@+id/send_two_qiu_tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="6dp"
android:textSize="14dp" />
</LinearLayout>

<LinearLayout
android:id="@+id/send_two_chu"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/tm_selector_btn_anxia"
android:gravity="center_horizontal"
android:orientation="vertical"
android:paddingBottom="6dp"
android:paddingTop="6dp">

<ImageView
android:id="@+id/send_two_chu_img"
android:layout_width="64dp"
android:layout_height="64dp" />

<TextView
android:id="@+id/send_two_chu_tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="6dp"
android:textSize="14dp" />
</LinearLayout>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center_horizontal"
android:orientation="vertical"
android:paddingBottom="6dp"
android:paddingTop="6dp">

<ImageView
android:layout_width="64dp"
android:layout_height="64dp" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="6dp"
android:textSize="14dp" />
</LinearLayout>
</TableRow>

<LinearLayout
android:id="@+id/send_two_null"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:orientation="vertical"
android:paddingBottom="6dp"
android:paddingTop="6dp">

<ImageView
android:layout_width="64dp"
android:layout_height="64dp" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="6dp"
android:textSize="14dp" />
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="46dp"
android:layout_marginBottom="10dp"
android:orientation="horizontal">

<ImageView
android:id="@+id/send_two_back_img"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@drawable/tm_selector_btn_anxia"
android:src="@mipmap/pic_fabufanhui" />

<TextView
android:layout_width="1px"
android:layout_height="match_parent"
android:layout_marginBottom="10dp"
android:layout_marginTop="10dp"
android:background="#c8c8c8" />

<ImageView
android:id="@+id/send_two_close_img"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@drawable/tm_selector_btn_anxia"
android:src="@mipmap/pic_fabuquxiao" />
</LinearLayout>
</TableLayout>
</RelativeLayout>

后续会补上Demo，就这样，拜拜

Demo链接在此：http://download.csdn.net/download/ximen_qing/9756977

不要钱