Android 仿映客直播间给主播发送礼物(实现连击效果)

效果图

类库的介绍

org.dync.giftlibrary.widget

GiftAnimationUtil.java 动画类
GiftControl.java 给外部调用的类(核心)
GiftFrameLayout.java 礼物布局类
GiftModel.java 给礼物布局填充数据类
以上是礼物动画一(推荐使用礼物动画一,在demo中的Gift1Activity.java使用)

LeftGiftControl.java 给外部调用的类(核心)
LeftGiftsItemLayout.java 礼物布局类
GiftModel.java 给礼物布局填充数据类
以上是礼物动画二(可以借鉴,在demo中的Gift2Activity.java使用)

个人建议使用Gift1Activity项目中的库,Gift2Activity项目中的库后面不怎么维护了

1:到GitHub 把项目clone到本地。

2: 把giftlibrary库依赖到你的项目中去

3:在你要显示的xml文件中添加展示礼物和礼物面板的地方 以项目中的activity_gift1.xml为例

<?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">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        android:src="@mipmap/ic_bg" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="100dp"
        android:orientation="vertical">

        <org.dync.giftlibrary.widget.GiftFrameLayout
            android:id="@+id/gift_layout1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

        <org.dync.giftlibrary.widget.GiftFrameLayout
            android:id="@+id/gift_layout2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
    </LinearLayout>

    <Button
        android:id="@+id/action"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="20dp"
        android:text="礼物面板显示/隐藏" />

    <LinearLayout
        android:id="@+id/bottom"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:orientation="vertical">

        <include layout="@layout/chat_tool_box" />

    </LinearLayout>

</RelativeLayout>

上面的GiftFrameLayout是展示礼物的控件,我这里仅展示两条,你可以添加多个礼物同时展示,但是你需要GiftControl类中相应的修改代码来实现。同时礼物面板可以使用DialogFragment来替代我这里。

4:在activity中找到控件后就可以初始化礼物模块了。

a.礼物面板。
代码如下:

GiftPanelControl giftPanelControl = new GiftPanelControl(this, mViewpager, mRecyclerView, mDotsLayout);
        giftPanelControl.setGiftListener(new GiftPanelControl.GiftListener() {
            @Override
            public void getGiftStr(String giftStr) {
                giftstr = giftStr;
            }
        });

这里的giftStr参数我传的是资源文件中图片的名称,你也可以传的是图片的id,这里主要是辨别发送的那个礼物。
b.展示礼物
把礼物布局控件传递给礼物控制器

giftControl = new GiftControl(Gift1Activity.this);
        giftControl.setGiftLayout(giftFrameLayout1, giftFrameLayout2);

c.显示礼物数量的面板

tvGiftNum.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(final View v) {
                showGiftDialog();
            }
        });

d.礼物面板中发送按钮发送礼物的操作

btnGift.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (TextUtils.isEmpty(giftstr)) {
                    Toast.makeText(getApplication(), "你还没选择礼物呢", Toast.LENGTH_SHORT).show();
                } else {
                    String numStr = tvGiftNum.getText().toString();
                    if (!TextUtils.isEmpty(numStr)) {
                        int giftnum = Integer.parseInt(numStr);
                        if (giftnum == 0) {
                            return;
                        } else {
                            giftControl.loadGift(new GiftModel(giftstr, "安卓机器人", giftnum, "http://www.baidu.com", "123", "Lee123", "http://www.baidu.com"));
                        }
                    }
                }
            }
        });

e.简单的操作了横竖屏显示不同的面板
在AndroidManifest.xml中给Activity配置

<activity
            android:name=".Gift1Activity"
            android:configChanges="orientation|keyboardHidden|screenSize" />

然后在Activity重写onConfigurationChanged(Configuration newConfig)方法

@Override
    public void onConfigurationChanged(Configuration newConfig) {
        super.onConfigurationChanged(newConfig);
        if (this.getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE) {// 横屏
//            Log.e(TAG, "onConfigurationChanged: " + "横屏");
            onConfigurationLandScape();

        } else if (this.getResources().getConfiguration().orientation == Configuration.ORIENTATION_PORTRAIT) {
//            Log.e(TAG, "onConfigurationChanged: " + "竖屏");
            onConfigurationPortrait();
        }
    }

    private void onConfigurationPortrait() {
        ll_portrait.setVisibility(View.VISIBLE);
        ll_landscape.setVisibility(View.GONE);
    }

    private void onConfigurationLandScape() {
        ll_portrait.setVisibility(View.GONE);
        ll_landscape.setVisibility(View.VISIBLE);
    }
findViewById(R.id.action).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if (giftLayout.getVisibility() == View.VISIBLE) {
                    giftLayout.setVisibility(View.GONE);
                } else {
                    giftLayout.setVisibility(View.VISIBLE);
                }
            }
        });
时间: 2024-08-08 15:19:45

Android 仿映客直播间给主播发送礼物(实现连击效果)的相关文章

仿映客客户端、TableView多种动画效果、边缘返回手势等源码

iOS精选源码 相册多选框架 zhPopupController 简单快捷弹出自定义视图 tableView实现多种动画效果 自定义动画的PageControl 展示tableView和collectionView的结构,框架CHD_ListView_Structure RxSwift+Moya+ObjectMapper优雅的网络请求级模型转换 多种指示器文字效果源码SGPagingView react-native低仿映客直播客户端 支持iOS/Android ScreenEdgePanGes

做一款仿映客的直播App?看我就够了

来源:JIAAIR 链接:http://www.jianshu.com/p/5b1341e97757 一.直播现状简介   1.技术实现层面: 技术相对都比较成熟,设备也都支持硬编码.IOS还提供现成的 Video ToolBox框架,可以对摄像头和流媒体数据结构进行处理,但Video ToolBox框架只兼容8.0以上版本,8.0以下就需要用x264的库软编了. github上有现成的开源实现,推流.美颜.水印.弹幕.点赞动画.滤镜.播放都有.技术其实不是很难,而且现在很多云厂商都提供SDK,

做一款仿映客的直播App

投稿文章,作者:JIAAIR(GitHub) 一.直播现状简介 1.技术实现层面 技术相对都比较成熟,设备也都支持硬编码.iOS还提供现成的Video ToolBox框架,可以对摄像头和流媒体数据结构进行处理,但Video ToolBox框架只兼容8.0以上版本,8.0以下就需要用x264的库软编了. github 上有现成的开源实现,推流.美颜.水印.弹幕.点赞动画.滤镜.播放都有.技术其实不是很难,而且现在很多云厂商都提供SDK,七牛云.金山云.乐视云. 腾讯云.百度云.斗鱼直播伴侣推流端,

仿映客送礼特效

这里写链接内容仿映客送小礼物的特效,顺便复习一下属性动画,话不多说先看效果图. 需求分析 可以看到整个动画有几部分组成,那我们就把每个部分拆分出来各个击破. 1.要显示那些内容以及内容间的位置关系? 可以看到我们要显示用户头像,昵称,礼物图标以及数量.所以这里我选择用FrameLayout来作为根布局. 2.需要哪些动画以及动画的执行顺序? a.首先是整体从左到右飞入并有一个回弹(translationX + OvershootInterpolator) b.然后是礼物从左到右飞入而且是一个带减

映客直播陷入“黑屏门”,直播圈虚火烧身?

王思聪手撕斗鱼和网红而引爆的直播平台数据造假的热浪还没退去,当下风头最劲,号称在最近6个月内,用了10倍于其他对手的力量和资本(资本还能算.力量嘛--),一口气拿下一亿用户,被某媒体冠以直播之王称号的映客被爆出"某用户测试黑屏直播3个小时,竟然有21个观众不离不弃." "黑屏门"只是又一个娱乐事件吗?显然不是,这不过是又一次将直播平台习惯性数据造假综合征,再一次用夸张和搞笑的方式,揭开给大众欣赏.而映客这种烧直播的虚火的生存方式,也未免虚火太旺以致引火烧身了. 没什

Android仿大众点评引导页(ViewPage)+主页面(Fragment)的实现

大家好,今天主要是实现仿大众点评引导页和主页面以及城市定位的实现,主要使用ViewPager+Fragment+SharedPreferences,实现了第一次打开程序出现引导页,再次打开跳过引导页,这也是一般应用常用的应用基本架构方式.下面首先来看最终实现效果如下图: 1.布局文件说明 1)欢迎页布局文件welcome.xml 2) 引导页布局文件welcome_guide.xml 3)首页布局文件main_home.xml 4)团购布局文件main_tuan.xml 5) 发现布局文件mai

用scrapy框架爬取映客直播用户头像

1. 创建项目 scrapy startproject yingke cd yingke 2. 创建爬虫  scrapy genspider live 3. 分析http://www.inke.cn/hotlive_list.html网页的response,找到响应里面数据的规律,并找到的位置,通过response.xpath()获取到 4. 通过在pipline里面进行数据的清洗,过滤,保存 5. 实现翻页,进行下一页的请求处理 6. 运行爬虫 scrapy crawl live 说明:这个程

一个五年 Android 开发者百度、阿里、聚美、映客的面试心经

花絮 也许会有人感叹某些人的运气比较好,但是他们不曾知道对方吃过多少苦,受过多少委屈.某些时候就是需要我们用心去发现突破点,然后顺势而上,抓住机遇,那么你将会走向另外一条大道,成就另外一个全新的自我. 先简单说说我最近的面试经历吧.面试的公司很多,其中有让我心血沸腾的经历,也有让我感到失望到无助的经历,我将这些体会都记录下来,细想之后很值得,面了这么多公司,要是最后什么也没有留下来,那就太浪费了.至少对于我来说有些东西在整理总结之后才能得到一个肯定的答案.希望这些能对即将换工作或者打算看看机会的

YY、映客、陌陌、KK、斗鱼五大直播阵营即将形成?

随着papi酱等为代表的网红崛起,网络直播忽然之间变得异常火爆起来,四个关键词恰当地形容了这个市场的火爆程度. 四个关键词 “全民参与”,网络直播让每个人都做主播逐渐成为一种现实,人人心中都有一个明星梦,越来越多的男女主播正在涌现出来,很多电视电台节目主持人也都在开始纷纷开通自己的直播频道. “明星大腕”,我们所熟知的当红明星周杰伦.贾乃亮.范冰冰.Angelababy.林更新.陈赫.周笔畅.李玟.刘涛等都在开始尝试直播,就连小米雷军也玩起了直播. “资本追逐”,此前宋城演艺26亿元收购秀场平台