Android自定义底部带有动画的Dialog

简介: Android自定义底部带有动画的Dialog效果图 先看效果图,是不是你想要的呢自定义Dialogpackage …….

Android自定义底部带有动画的Dialog

效果图

先看效果图,是不是你想要的呢

这里写图片描述

自定义Dialog

package …….view;

import android.app.Dialog;
import android.content.Context;
import android.view.Gravity;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.widget.Button;

import com.bitmain.btccom.R;
import com.bitmain.btccom.interfaces.ShareOnClickListener;

/**
 * 分享框
 */
public class ShareDialog extends Dialog implements View.OnClickListener {

    private ShareOnClickListener mShareOnClickListener;

    public ShareDialog(Context context, ShareOnClickListener shareOnClickListener) {
        super(context, R.style.ShareDialog);
        initView();
        mShareOnClickListener = shareOnClickListener;
    }

    private void initView() {
        // 布局这里考虑只有分享到微信还有和朋友圈 所以没有用RecyclerView
        View view = View.inflate(getContext().getApplicationContext(), R.layout.view_share, null);
        // 初始化分享页面
        Button shareFriend = (Button) view.findViewById(R.id.share_friend);
        Button shareCirFriend = (Button) view.findViewById(R.id.share_cir_friend);
        Button cancel = (Button) view.findViewById(R.id.cancel);
        shareFriend.setOnClickListener(this);
        shareCirFriend.setOnClickListener(this);
        cancel.setOnClickListener(this);


        // 加载布局
        setContentView(view);
        // 设置Dialog参数
        Window window = getWindow();
        WindowManager.LayoutParams params = window.getAttributes();
        params.width = WindowManager.LayoutParams.MATCH_PARENT;
        params.height = WindowManager.LayoutParams.WRAP_CONTENT;
        params.gravity = Gravity.BOTTOM;
        window.setAttributes(params);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.share_friend:
                mShareOnClickListener.onClickPosition(0);
                dismiss();
                break;
            case R.id.share_cir_friend:
                mShareOnClickListener.onClickPosition(1);
                dismiss();
                break;
            case R.id.cancel:
                dismiss();
                break;
        }
    }
}

布局

因为这里只有两个分享,项目为了赶进度,直接用了两个Button,没有使用RecyclerView

<?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="wrap_content"
    android:background="#FFF5F5F5">

    <TextView
        android:id="@+id/tip"
        android:layout_width="match_parent"
        android:layout_height="@dimen/y87"
        android:gravity="center"
        android:text="@string/send_and_share"
        android:textColor="#FF888888"
        android:textSize="@dimen/x24" />

    <LinearLayout
        android:id="@+id/share"
        android:layout_width="match_parent"
        android:layout_height="@dimen/y250"
        android:layout_below="@id/tip"
        android:orientation="horizontal"
        android:weightSum="4">

        <Button
            android:id="@+id/share_friend"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_marginBottom="@dimen/y40"
            android:layout_marginTop="@dimen/y30"
            android:layout_weight="1"
            android:background="@android:color/transparent"
            android:drawableTop="@drawable/selector_share_friend_icon"
            android:text="@string/share_friend"
            android:textColor="#FF888888"
            android:textSize="@dimen/x20" />

        <Button
            android:id="@+id/share_cir_friend"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_marginBottom="@dimen/y40"
            android:layout_marginTop="@dimen/y30"
            android:layout_weight="1"
            android:background="@android:color/transparent"
            android:drawableTop="@drawable/selector_share_cir_friend_icon"
            android:text="@string/share_cir_friend"
            android:textColor="#FF888888"
            android:textSize="@dimen/x20" />

    </LinearLayout>

    <Button
        android:id="@+id/cancel"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/share"
        android:background="#FFFFFFFF"
        android:text="@string/cancel"
        android:textColor="#FF888888"
        android:textSize="@dimen/x24" />

</RelativeLayout>

接口

这里我为了让Activity能够拿到点击的回调,我写了一个接口,大家可以参考,也可以根据自己的需求来写,灵活应用。

package …….interfaces;

public interface ShareOnClickListener {
    public void onClickPosition(int position);
}

自定义样式(重点)

重点来了,这个自定义的Dialog我们加载了一个自己的style

super(context, R.style.ShareDialog);

看一下我们自定义的样式是怎么实现的吧

  • res/values/styles.xml

    <resources>
    
        ……
    
        <style name="AnimBottom" parent="@android:style/Animation">
            <item name="android:windowEnterAnimation">@anim/dialog_bottom_in</item>
            <item name="android:windowExitAnimation">@anim/dialog_bottom_out</item>
        </style>
    
        <style name="ShareDialog" parent="@android:style/Animation.Dialog">
            <item name="android:windowAnimationStyle">@style/AnimBottom</item>
            <item name="android:windowFrame">@null</item>
            <item name="android:windowIsFloating">true</item>
            <item name="android:windowIsTranslucent">true</item>
            <item name="android:windowNoTitle">true</item>
            <!-- 设置背景色 透明-->
            <item name="android:background">@android:color/transparent</item>
            <item name="android:windowBackground">@android:color/transparent</item>
            <!-- 设置是否显示背景 -->
            <item name="android:backgroundDimEnabled">true</item>
            <!-- 设置背景透明度 0 全透明 1 全不透明-->
            <item name="android:backgroundDimAmount">0.8</item>
            <!-- 设置点击空白消失 -->
            <item name="android:windowCloseOnTouchOutside">true</item>
        </style>
    
        ……
    
    </resources>

动画

  • res/anim/dialog_bottom_in.xml

    <?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android">
        <!-- 自下向上滑入 -->
        <translate
            android:duration="500"
            android:fromYDelta="100%p"
            android:toYDelta="0" />
    </set>
  • res/anim/dialog_bottom_out.xml

    <?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android">
        <!-- 自上向下滑出 -->
        <translate
            android:duration="500"
            android:fromYDelta="0"
            android:toYDelta="100%p" />
    </set>
相关文章
|
1月前
|
Android开发 开发者
安卓应用开发中的自定义视图
【9月更文挑战第37天】在安卓开发的海洋中,自定义视图犹如一座座小岛,等待着勇敢的探索者去发现其独特之处。本文将带领你踏上这段旅程,从浅滩走向深海,逐步揭开自定义视图的神秘面纱。
41 3
|
1月前
|
数据可视化 Android开发 开发者
安卓应用开发中的自定义View组件
【10月更文挑战第5天】在安卓应用开发中,自定义View组件是提升用户交互体验的利器。本篇将深入探讨如何从零开始创建自定义View,包括设计理念、实现步骤以及性能优化技巧,帮助开发者打造流畅且富有创意的用户界面。
84 0
|
16天前
|
搜索推荐 前端开发 Android开发
安卓应用开发中的自定义视图实现
【10月更文挑战第30天】在安卓开发的海洋中,自定义视图是那抹不可或缺的亮色,它为应用界面的个性化和交互体验的提升提供了无限可能。本文将深入探讨如何在安卓平台创建自定义视图,并展示如何通过代码实现这一过程。我们将从基础出发,逐步引导你理解自定义视图的核心概念,然后通过一个实际的代码示例,详细讲解如何将理论应用于实践,最终实现一个美观且具有良好用户体验的自定义控件。无论你是想提高自己的开发技能,还是仅仅出于对安卓开发的兴趣,这篇文章都将为你提供价值。
|
18天前
|
Android开发 开发者 UED
安卓开发中自定义View的实现与性能优化
【10月更文挑战第28天】在安卓开发领域,自定义View是提升应用界面独特性和用户体验的重要手段。本文将深入探讨如何高效地创建和管理自定义View,以及如何通过代码和性能调优来确保流畅的交互体验。我们将一起学习自定义View的生命周期、绘图基础和事件处理,进而探索内存和布局优化技巧,最终实现既美观又高效的安卓界面。
28 5
|
25天前
|
Android开发 UED
Android 中加载 Gif 动画
【10月更文挑战第20天】加载 Gif 动画是 Android 开发中的一项重要技能。通过使用第三方库或自定义实现,可以方便地在应用中展示生动的 Gif 动画。在实际应用中,需要根据具体情况进行合理选择和优化,以确保用户体验和性能的平衡。可以通过不断的实践和探索,进一步掌握在 Android 中加载 Gif 动画的技巧和方法,为开发高质量的 Android 应用提供支持。
|
1月前
|
XML 前端开发 Java
安卓应用开发中的自定义View组件
【10月更文挑战第5天】自定义View是安卓应用开发的一块基石,它为开发者提供了无限的可能。通过掌握其原理和实现方法,可以创造出既美观又实用的用户界面。本文将引导你了解自定义View的创建过程,包括绘制技巧、事件处理以及性能优化等关键步骤。
|
2月前
|
Android开发 开发者
安卓开发中的自定义视图:从入门到精通
【9月更文挑战第19天】在安卓开发的广阔天地中,自定义视图是一块充满魔力的土地。它不仅仅是代码的堆砌,更是艺术与科技的完美结合。通过掌握自定义视图,开发者能够打破常规,创造出独一无二的用户界面。本文将带你走进自定义视图的世界,从基础概念到实战应用,一步步展示如何用代码绘出心中的蓝图。无论你是初学者还是有经验的开发者,这篇文章都将为你打开一扇通往创意和效率的大门。让我们一起探索自定义视图的秘密,将你的应用打造成一件艺术品吧!
62 10
|
2月前
|
XML 编解码 Android开发
安卓开发中的自定义视图控件
【9月更文挑战第14天】在安卓开发中,自定义视图控件是一种高级技巧,它可以让开发者根据项目需求创建出独特的用户界面元素。本文将通过一个简单示例,引导你了解如何在安卓项目中实现自定义视图控件,包括创建自定义控件类、处理绘制逻辑以及响应用户交互。无论你是初学者还是有经验的开发者,这篇文章都会为你提供有价值的见解和技巧。
46 3
|
2月前
|
前端开发 Android开发 开发者
安卓应用开发中的自定义视图基础
【9月更文挑战第13天】在安卓开发的广阔天地中,自定义视图是一块神奇的画布,它允许开发者将想象力转化为用户界面的创新元素。本文将带你一探究竟,了解如何从零开始构建自定义视图,包括绘图基础、触摸事件处理,以及性能优化的实用技巧。无论你是想提升应用的视觉吸引力,还是追求更流畅的交互体验,这里都有你需要的金钥匙。
下一篇
无影云桌面