自定義dialog實現PopupWindow的效果
阿新 • • 發佈:2019-02-01
自定義dialog加上動畫效果,可以實現自定義的佈局從上面彈出或者從下往上彈出,自定義自己的dialog繼承於dialog,在自定義的dialog上面用自己的佈局(根據需要的效果自定義佈局就行),然後給要點選的按鈕設定點選事件,點選事件裡面寫回調方法,在需要的地方直接實現該回調介面即可。實現就四步,第一自定義dialog的佈局,第二自定義dialog,第三寫動畫效果,第四直接想用dialog一樣用就可以,new一個dialog,然後dialog.show()展示,dialog.dismiss關閉。需要通過dialog點選的響應事件通過實現介面方法就可以,附上例子(此例子是從下往上底部彈出dialog,可以跟據需要設定彈出方向)
//自定義dialog
import android.app.Dialog; import android.content.Context; import android.os.Bundle; import android.view.MotionEvent; import android.view.View; import android.view.Window; import android.view.animation.AnimationUtils; import android.widget.Button; import android.widget.RelativeLayout; importcom.luyun.ahmroomc.R; /** * 類描述: * 建立人:餘越 * 建立時間:16-3-24 下午3:53 */ public class ArticleDialog extends Dialog implements View.OnClickListener{ Context context; View localView; private Button btnTakePhoto; private Button btnTakeVideo; private Button btnexit; MyDialogListener listen;public ArticleDialog(Context context) { super(context); this.context = context; } @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); getWindow().setBackgroundDrawableResource(android.R.color.transparent); localView = View.inflate(context, R.layout.activity_food_article_dialog,null); localView.setAnimation(AnimationUtils.loadAnimation(context, R.anim.slide_bottom_top)); setContentView(localView); // 這句話起全屏的作用 getWindow().setLayout(RelativeLayout.LayoutParams.MATCH_PARENT, RelativeLayout.LayoutParams.MATCH_PARENT); initView(); initListener(); } @Override public boolean onTouchEvent(MotionEvent event) { this.dismiss(); return super.onTouchEvent(event); } private void initListener() { btnTakePhoto.setOnClickListener(this); btnTakeVideo.setOnClickListener(this); btnexit.setOnClickListener(this); } private void initView() { btnTakePhoto = (Button) findViewById(R.id.btn_take_photo); btnTakeVideo = (Button) findViewById(R.id.btn_take_video); btnexit = (Button) findViewById(R.id.btn_exit); } public void setOnFreshListener(MyDialogListener listen) { this.listen = listen; } /** * 定義介面回撥的方法 */ public interface MyDialogListener{ void takePhoto(); void takeVideo(); void exit(); } /** * 自定義dialog佈局上面點選事件的回撥 */ @Override public void onClick(View v) { switch (v.getId()){ case R.id.btn_take_photo: if (listen != null){ listen.takePhoto(); } break; case R.id.btn_take_video: if (listen != null){ listen.takeVideo(); } break; case R.id.btn_delete: if (listen != null){ listen.takePhoto(); } break; case R.id.btn_exit: if (listen != null){ listen.exit(); } break; } } }
//dialog的佈局
R.layout.activity_food_article_dialog
<?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" > <LinearLayout android:id="@+id/clearallpan" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:orientation="vertical" android:background="@android:color/transparent" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="20dp"> <LinearLayout android:layout_width="wrap_content" android:orientation="vertical" android:layout_marginLeft="80dp" android:layout_height="wrap_content"> <Button android:id="@+id/btn_take_photo" android:layout_width="80dp" android:layout_height="80dp" android:background="@drawable/selector_take_photo"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:textColor="@color/white" android:layout_gravity="center_horizontal" android:textSize="15sp" android:text="發圖片"/> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:orientation="vertical" android:layout_marginLeft="50dp" android:layout_height="wrap_content"> <Button android:id="@+id/btn_take_video" android:layout_width="80dp" android:layout_height="80dp" android:background="@drawable/selector_take_video"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:textColor="@color/white" android:layout_gravity="center_horizontal" android:textSize="15sp" android:text="發視訊"/> </LinearLayout> </LinearLayout> <Button android:id="@+id/btn_exit" android:layout_width="fill_parent" android:layout_height="49dp" android:text="取消" android:background="@drawable/delect_recomment_btn" android:textSize="18dp" android:textColor="@color/black" /> </LinearLayout> </RelativeLayout>
//定義彈出的動畫效果
R.anim.slide_bottom_top
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator" > <translate android:duration="300" android:fromYDelta="100.0%" android:toYDelta="10.000002%" /> <alpha android:duration="50" android:fromAlpha="0.0" android:toAlpha="1.0" /> </set>效果圖