• 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);
                    }
                }
            });
  • 相关阅读:
    浅谈页面的瀑布流布局
    前端常用动画库
    JavaScript七宗罪和一些槽点
    prototype与 _proto__的关系
    Javascript之傻傻理不清的原型链、prototype、__proto__
    C#开发微信门户及应用(26)-公众号微信素材管理
    C#开发微信门户及应用(25)-微信企业号的客户端管理功能
    基于InstallShield2013LimitedEdition的安装包制作
    Entity Framework 实体框架的形成之旅--Code First模式中使用 Fluent API 配置(6)
    Entity Framework 实体框架的形成之旅--Code First的框架设计(5)
  • 原文地址:https://www.cnblogs.com/xiongxuesong/p/6414273.html
Copyright © 2020-2023  润新知