废话不多说,分享一下效果图,看上了随便拿去用
点击前:
点击后:
popu_window.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <LinearLayout android:id="@+id/pop_layout" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:gravity="center_horizontal" android:orientation="horizontal" > <ImageView android:id="@+id/mImg2" android:layout_width="0dp" android:layout_height="60dp" android:layout_weight="1" android:layout_marginBottom="5dp" android:src="@mipmap/ic_launcher" /> <View android:layout_width="1dip" android:layout_height="match_parent" android:background="#C5C4C4" android:layout_gravity="center_horizontal" /> <ImageView android:id="@+id/mImg1" android:layout_width="0dp" android:layout_height="60dp" android:layout_weight="1" android:src="@mipmap/ic_launcher" /> </LinearLayout> </LinearLayout>
activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" android:orientation="vertical"> <TextView android:id="@+id/mTv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="点我弹窗" /> <View android:id="@+id/mView" android:layout_width="wrap_content" android:layout_height="wrap_content"></View> </RelativeLayout>
主界面实现代码:
MainActivity
import android.graphics.drawable.BitmapDrawable; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.Gravity; import android.view.View; import android.view.WindowManager; import android.view.animation.AccelerateInterpolator; import android.view.animation.Animation; import android.view.animation.TranslateAnimation; import android.widget.PopupWindow; import android.widget.TextView; public class MainActivity extends AppCompatActivity { private TextView mTv; // 声明PopupWindow private PopupWindow popupWindow; // 声明PopupWindow对应的视图 private View popupView; // 声明平移动画 private TranslateAnimation animation; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mTv=findViewById(R.id.mTv); mTv.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { initPopuWindow(); } }); } /** * 弹出popupWindow更改头像 */ private void initPopuWindow() { if (popupWindow == null) { popupView = View.inflate(this, R.layout.popu_window, null); // 参数2,3:指明popupwindow的宽度和高度 popupWindow = new PopupWindow(popupView, WindowManager.LayoutParams.MATCH_PARENT, WindowManager.LayoutParams.WRAP_CONTENT); popupWindow.setOnDismissListener(new PopupWindow.OnDismissListener() { @Override public void onDismiss() { } }); // 设置背景图片, 必须设置,不然动画没作用 popupWindow.setBackgroundDrawable(new BitmapDrawable()); popupWindow.setFocusable(true); // 设置点击popupwindow外屏幕其它地方消失 popupWindow.setOutsideTouchable(true); // 平移动画相对于手机屏幕的底部开始,X轴不变,Y轴从1变0 animation = new TranslateAnimation(Animation.RELATIVE_TO_PARENT, 0, Animation.RELATIVE_TO_PARENT, 0, Animation.RELATIVE_TO_PARENT, 1, Animation.RELATIVE_TO_PARENT, 0); animation.setInterpolator(new AccelerateInterpolator()); animation.setDuration(200); popupView.findViewById(R.id.mImg1).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { } }); popupView.findViewById(R.id.mImg2).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { } }); } // 在点击之后设置popupwindow的销毁 if (popupWindow.isShowing()) { popupWindow.dismiss(); } // 设置popupWindow的显示位置,此处是在手机屏幕底部且水平居中的位置 popupWindow.showAtLocation(MainActivity.this.findViewById(R.id.mView), Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL, 0, 0); popupView.startAnimation(animation); } }