仿QQ消息气泡提醒

Posted 末日之花的备忘录

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了仿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>
View Code

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

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();
            }
        });

    }

}
View Code

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

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

 

以上是关于仿QQ消息气泡提醒的主要内容,如果未能解决你的问题,请参考以下文章

基于 Vue.js 的消息气泡插件

iOS 未读消息角标 仿QQ拖拽 简单灵活 支持xib(源码)

请问一下wpf能否实现消息提示框 就像qq消息的那种 右下角弹出 ?能的话 请贴出代码

请教仿微信聊天气泡效果 在ios中是怎么实现的

任务栏里的QQ图标隐藏起来,来消息出现提示怎么设置?

sh ArchLinux的提醒的VirtualBox里面的qq消息