1. 程式人生 > >自定義dialog實現PopupWindow的效果

自定義dialog實現PopupWindow的效果

自定義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;
import 
com.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>
效果圖