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

1 篇文章 0 订阅
1 篇文章 0 订阅

QQ交流群:611902811
首先先上图
image

个人建议使用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是展示礼物的控件,我这里仅展示两条,你可以添加多个礼物同时展示。同时礼物面板可以使用DialogFragment来替代我这里。

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

a.礼物面板

代码如下:
这里如果想使用本地的礼物图片直接使用
giftPanelControl.init(null);//这里如果为null则加载本地礼物图片

 GiftPanelControl giftPanelControl = new GiftPanelControl(this, mViewpager, mRecyclerView, mDotsLayout);
        giftPanelControl.init(giftModels);//这里如果为null则加载本地礼物图片
        giftPanelControl.setGiftListener(new GiftPanelControl.GiftListener() {
            @Override
            public void getGiftInfo(String giftPic, String giftName, String giftPrice) {
                mGifturl = giftPic;
                mGiftName = giftName;
                mGiftPrice = giftPrice;
            }
        });

这里的giftPic参数我传的是资源文件中图片的名称,你也可以传的是图片的id。

b.展示礼物

这里的setGiftLayout(false, giftLayoutList)方法,参数一:是否开启上面的礼物轨道消失后下面的礼物轨道会移上去模式,true是开启,false是关闭;
参数二:礼物轨道的数量。
setCustormAnim(new CustormAnim())方法,对礼物的动画可以进行扩展,可以在不修改源码的情况下定制属于你的效果。

        giftControl = new GiftControl();
        SparseArray<GiftFrameLayout> giftLayoutList = new SparseArray<>();
        giftLayoutList.append(0, giftFrameLayout1);
        giftLayoutList.append(1, giftFrameLayout2);
        giftControl.setGiftLayout(false, giftLayoutList)
                .setCustormAnim(new CustormAnim());//这里可以自定义礼物动画

c.显示礼物数量的面板

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

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

如果你想要从某个礼物数开始连击,你可以在giftControl.loadGift(giftModel);前创建的GiftModel设置setCurrentStart(true)和setHitCombo(giftnum),
这样就可以实现了。
温馨提示:这里的setCurrentStart()方法必须设置为true,setHitCombo()方法才能生效哦。

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.简单的操作了横竖屏显示不同的面板

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

最后如果对你有用,请动动你的鼠标给个start或者fork吧,不胜感激

  • 11
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Android Studio中实现直播礼物功能可以参考以下步骤: 1. 首先,你需要在后端设置一个接口,用于处理用户礼物的请求。这个接口应该能够扣除用户的金币并增加播的票数。在接口的响应中,生成一个唯一的token,并将其返回给户端。 2. 在户端接收到后端响应后,从响应数据中获取token,并使用socket通信的方法将token发给socket服务器。服务器会将这个消息广播给当前直播的所有用户。 3. 当每个用户收到socket消息后,解析json数据,获取礼物的用户ID、昵称、礼物ID、名称、种类(普通或豪华礼物)以及礼物资源文件的下载地址等信息。 4. 如果是豪华礼物,首先检查本地磁盘中是否已经缓存了该礼物的资源文件。如果没有缓存,先下载资源文件。 5. 下载完成后,根据礼物的类型(gif或svga),使用相应的库进行展示。 对于gif礼物,可以使用koral–/android-gif-drawable库进行播放。对于svga礼物,可以使用yyued/SVGAPlayer-Android库进行播放。 以上是在Android Studio中实现直播礼物功能的一种实现方式。你可以根据具体需求和项目情况进行相应的调整和优化。\[1\] \[2\] \[3\] #### 引用[.reference_title] - *1* [Android直播APP源码搭建中豪华物特效的实现](https://blog.csdn.net/yun_bao_2144899870/article/details/99428803)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [android实现直播点赞飘心动画效果](https://blog.csdn.net/weixin_39618956/article/details/117287947)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值