自定义dialog实现PopupWindow的效果

12 篇文章 0 订阅

自定义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>
效果图


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值