仿QQ消息气泡提醒

https://github.com/dkmeteor/Bubble-Notification  感谢这位作者,本例子只是封装了一下源码。

这是jar下载地址 下载之后只要引用就好。下面是一个最简单的Demo,先看布局文件

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="lyf.com.bubblenotificationdemo.Main2Activity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginBottom="10dp"
        android:orientation="horizontal">
        <TextView
            android:text="推荐"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:gravity="center"
            android:textSize="18sp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <TextView
            android:text="热播"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:gravity="center"
            android:textSize="18sp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <TextView
            android:text="订阅"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:gravity="center"
            android:textSize="18sp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <TextView
            android:text="消息"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:gravity="center"
            android:textSize="18sp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>

    <com.dk.view.drop.WaterDrop
        android:id="@+id/waterdrop"
        android:layout_gravity="bottom|end"
        android:layout_width="25dp"
        android:layout_height="25dp"
        android:layout_marginRight="20dp"
        android:layout_marginBottom="30dp"
        android:gravity="center_vertical" />

</FrameLayout>

很简答的一个布局,看看主页面代码,也很简单

package lyf.com.bubblenotificationdemo;

import android.app.Activity;
import android.os.Bundle;
import android.widget.Toast;

import com.dk.view.drop.CoverManager;
import com.dk.view.drop.WaterDrop;

public class Main2Activity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);

        CoverManager.getInstance().init(this);
        CoverManager.getInstance().setMaxDragDistance(250);
        CoverManager.getInstance().setEffectDuration(150);

        WaterDrop drop = (WaterDrop) this.findViewById(R.id.waterdrop);
        drop.setText("11");

        drop.setEffectResource(R.drawable.bubble1);
        drop.setOnDragCompeteListener(new CoverManager.OnDragCompeteListener() {

            @Override
            public void onDragComplete() {
                Toast.makeText(Main2Activity.this, "消息全部清空",Toast.LENGTH_SHORT).show();
            }
        });

    }

}

其中 drop.setEffectResource(R.drawable.bubble1); 为气泡消失的gif动态图。(点击下载

这样我们的小案例就完成了。很简单。

时间: 2024-10-18 04:52:00

仿QQ消息气泡提醒的相关文章

Android高仿QQ消息滑动删除(附源码)

大家都应该使用过QQ吧,他的消息中可以滑动删除功能,我觉得比较有意思,所以模仿写了一个,并且修改了其滑动算法.我先贴几个简单示范图吧 其实主要用的是算法以及对ListView的把控. 一下是适配器的类 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52

js高仿QQ消息列表左滑功能

该组件,主要功能类似于QQ消息列表左滑出现删除.标为已读等按钮的功能:现在的版本用的是纯javaScript编写:后续会跟进 angularJs 开发的类似组件以及jquery的; 下面,就让我们来认识下怎么使用该程序: 在该程序里,总共分为四个文件: 1 .css文件夹 2. img 图片文件夹 3. js文件 4. index.html  主页面: 稍后,你可以自行下载,打开运行观看效果: 二.代码讲解 1.此html结构,为不可修改结构 <ul class="list-ul"

BezierDemo源码解析-实现qq消息气泡拖拽消失的效果

这篇文章中我们比较了DraggableFlagView和BezierDemo两个项目的区别,提到将对其中一个做源码分析,那么我们就来分析BezierDemo的源码吧,因为这个项目的源码最简单,可以更直接的去分析核心的东西.但是效果还是DraggableFlagView好些.我尽量讲的详细些,满足更多的初学者.这篇文章主要分析拉伸效果的实现. 源码结构 BezierDemo只有两个java文件 其中MainActivity.java是程序界面,而BezierView.java是实现了粘连拉伸效果的

从仿QQ消息提示框来谈弹出式对话框

<代码里的世界> -UI篇 用文字札记描绘自己 android学习之路 转载请保留出处 by Qiao http://blog.csdn.net/qiaoidea/article/details/45896477 [导航] - 自定义弹出式对话框的简单用法 列举各种常见的对话框实现方案 1.概述 android原生控件向来以丑著称(新推出的Material Design当另说),因此几乎所有的应用都会特殊定制自己的UI样式.而其中弹出式提示框的定制尤为常见,本篇我们将从模仿QQ退出提示框来看一

Android 仿QQ消息界面

values 下面 dimens.xml <resources> <!-- Default screen margins, per the Android Design guidelines. --> <dimen name="activity_horizontal_margin">16dp</dimen> <dimen name="activity_vertical_margin">16dp</di

UI--学习模仿QQ未读提醒拖拽删除

<代码里的世界> -UI篇 用文字札记描绘自己 android学习之路 转载请保留出处 by Qiao http://blog.csdn.net/qiaoidea/article/details/46608385 [导航] 弹出式对话框各种方案 从仿QQ消息提示框来谈弹出式对话框的实现方式 (Dialog,PopupWind,自定义View,Activity,FragmentDialog) Dialog源码解析 从源码上看Dialog与DialogFragment 仿IOS ActionShe

android QQ消息左滑动删除实例(优化版SwipeListViewEX)

仿 QQ消息左滑动删除item消息实例 源代码参考:http://blog.csdn.net/gaolei1201/article/details/42677951 自己作了一些调整,全部代码下载地址: http://download.csdn.net/detail/jenson138/8490067 效果图: 以下只有适配器类: 1 package com.ryg.slideview; 2 3 import java.util.List; 4 5 import com.ryg.slidevie

【WP8】仿QQ提示消息

WP版的QQ提示消息的时候从顶部滑入,3秒后从顶部滑出,本文模仿该效果实现一个MessageToastManager类用于显示提示消息 思路很简单,就是动画而已,支持配置颜色和回掉 // ************************************************* // // 作者:bomo // 小组:WP开发组 // 创建日期:2014/7/7 15:18:12 // 版本号:V1.00 // 说明: // // ****************************

仿qq未读消息

仿qq未读消息 仿qq未读消息,拖拽删除 下载地址: 运行截图:    热门源码下载: 高仿京东商城 Android快速开发不可或缺的11个工具类 Android快速开发框架LoonAndroid Android应用源码比较不错的新闻客户端 版权声明:本文为博主原创文章,未经博主允许不得转载.