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>
相关文章
|
28天前
|
Android开发 开发者
安卓应用开发中的自定义视图
【9月更文挑战第37天】在安卓开发的海洋中,自定义视图犹如一座座小岛,等待着勇敢的探索者去发现其独特之处。本文将带领你踏上这段旅程,从浅滩走向深海,逐步揭开自定义视图的神秘面纱。
31 3
|
21天前
|
数据可视化 Android开发 开发者
安卓应用开发中的自定义View组件
【10月更文挑战第5天】在安卓应用开发中,自定义View组件是提升用户交互体验的利器。本篇将深入探讨如何从零开始创建自定义View,包括设计理念、实现步骤以及性能优化技巧,帮助开发者打造流畅且富有创意的用户界面。
52 0
|
5天前
|
Android开发 UED
Android 中加载 Gif 动画
【10月更文挑战第20天】加载 Gif 动画是 Android 开发中的一项重要技能。通过使用第三方库或自定义实现,可以方便地在应用中展示生动的 Gif 动画。在实际应用中,需要根据具体情况进行合理选择和优化,以确保用户体验和性能的平衡。可以通过不断的实践和探索,进一步掌握在 Android 中加载 Gif 动画的技巧和方法,为开发高质量的 Android 应用提供支持。
|
21天前
|
XML 前端开发 Java
安卓应用开发中的自定义View组件
【10月更文挑战第5天】自定义View是安卓应用开发的一块基石,它为开发者提供了无限的可能。通过掌握其原理和实现方法,可以创造出既美观又实用的用户界面。本文将引导你了解自定义View的创建过程,包括绘制技巧、事件处理以及性能优化等关键步骤。
|
2月前
|
Android开发 开发者
安卓开发中的自定义视图:从入门到精通
【9月更文挑战第19天】在安卓开发的广阔天地中,自定义视图是一块充满魔力的土地。它不仅仅是代码的堆砌,更是艺术与科技的完美结合。通过掌握自定义视图,开发者能够打破常规,创造出独一无二的用户界面。本文将带你走进自定义视图的世界,从基础概念到实战应用,一步步展示如何用代码绘出心中的蓝图。无论你是初学者还是有经验的开发者,这篇文章都将为你打开一扇通往创意和效率的大门。让我们一起探索自定义视图的秘密,将你的应用打造成一件艺术品吧!
56 10
|
2月前
|
XML 编解码 Android开发
安卓开发中的自定义视图控件
【9月更文挑战第14天】在安卓开发中,自定义视图控件是一种高级技巧,它可以让开发者根据项目需求创建出独特的用户界面元素。本文将通过一个简单示例,引导你了解如何在安卓项目中实现自定义视图控件,包括创建自定义控件类、处理绘制逻辑以及响应用户交互。无论你是初学者还是有经验的开发者,这篇文章都会为你提供有价值的见解和技巧。
38 3
|
2月前
|
前端开发 Android开发 开发者
安卓应用开发中的自定义视图基础
【9月更文挑战第13天】在安卓开发的广阔天地中,自定义视图是一块神奇的画布,它允许开发者将想象力转化为用户界面的创新元素。本文将带你一探究竟,了解如何从零开始构建自定义视图,包括绘图基础、触摸事件处理,以及性能优化的实用技巧。无论你是想提升应用的视觉吸引力,还是追求更流畅的交互体验,这里都有你需要的金钥匙。
|
2月前
|
缓存 搜索推荐 Android开发
安卓应用开发中的自定义View组件实践
【9月更文挑战第10天】在安卓开发领域,自定义View是提升用户体验和实现界面个性化的重要手段。本文将通过一个实际案例,展示如何在安卓项目中创建和使用自定义View组件,包括设计思路、实现步骤以及可能遇到的问题和解决方案。文章不仅提供了代码示例,还深入探讨了自定义View的性能优化技巧,旨在帮助开发者更好地掌握这一技能。
|
2月前
|
前端开发 搜索推荐 Android开发
探索安卓开发中的自定义视图##
【9月更文挑战第6天】 在安卓应用开发的世界里,自定义视图如同绘画艺术中的色彩,它们为界面设计增添了无限可能。通过掌握自定义视图的绘制技巧,开发者能够创造出既符合品牌形象又提升用户体验的独特界面元素。本文将深入浅出地介绍如何从零开始构建一个自定义视图,包括基础框架搭建、关键绘图方法实现、事件处理机制以及性能优化策略。准备好让你的安卓应用与众不同了吗?让我们开始吧! ##