06 2022 档案
摘要：短视频平台开发，依靠DrawerLayout实现侧滑菜单效果 activity_main.xml <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xm
阅读全文
摘要：直播平台源码，vue+vue-fullpage实现整屏滚动页面 一、man.js引入 ， // An highlighted blockimport router from './router'Vue.config.productionTip = false// 整屏滚动import 'fullpa
阅读全文
摘要：直播商城源码，实现左右联动商品分类页面 一、搭建结构 重点：使用uniapp的scroll-view组件，如果是小程序原生开发也是这个组件；其次如果是html开发，就自己实现一个溢出滚动。 <template><view class="u-wrap"><view class="u-menu-wr
阅读全文
摘要：直播软件开发，Android自定义简单的音频波谱view package com.ysalliance.qifan.util.myview.voiceview; import android.content.Context;import android.content.res.TypedArray;
阅读全文
摘要：直播平台开发，进入可视区域执行动画、动效、添加样式类名 添加一个全局自定义指令 import Vue from 'vue'//注册'v-animate' 当元素出现在可视范围时添加类名触发动效样式Vue.directive('animate', { inserted: function (el, b
阅读全文
摘要：短视频平台搭建，淡入淡出 支持左滑右滑轮播图 <template> <view> <view @touchstart="touchStart" @touchend="touchEnd"> <image v-for="(value,index) in swiperList" :key="index"
阅读全文
摘要：直播app系统源码，动态遇到视频时开始自动播放 一、layout 1.activity_main.xml <?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/a
阅读全文
摘要：短视频带货源码，android 自定义常驻通知栏 1、自定义xml 如下： <?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" x
阅读全文
摘要：android短视频开发，设置APP字体大小不随着系统变化而改变 如果字体设置时sp单位、直接在BaseActivity 或者App 内重写getResources 如下： override fun getResources(): Resources { return super.getResour
阅读全文
摘要：短视频平台开发，点击链接、图片自动跳转到新的页面 方法一 //跳转页面 JumpPage(product){ let Detail= this.$router.resolve({ //要跳转的页面的名称 name:"名称", //传参 query:{"key":value,"key2":value}
阅读全文
摘要：视频直播系统源码，倒计时显示，商品秒杀倒计时 样式： <style> body { } ul { list-style: none; } ul li { border: 1px solid black; float: left; width: 50px; height: 50px; line-hei
阅读全文
摘要：在线直播源码，JS动态效果之，侧边栏滚动固定效果 结构代码： <div class="slider-bar"> <span class="goBack">返回顶部</span> </div> <div class="header w">头部区域</div> <div class="banner w"
阅读全文
摘要：成品直播源码推荐，常用的css居中布局 以下可以通过定位调整布局，使元素居中： **水平垂直居中**.all-center{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform:
阅读全文
摘要：短视频商城系统，scroll-view如何自适应页面剩余高度 onLoad(options){uni.getSystemInfo({success: (res) => {// 获取手机状态栏高度this.statusBarHeight = res.statusBarHeight;this.scrol
阅读全文
摘要：直播软件app开发，左右自动滑动的轮播图广告 1、 css部分： * { margin:0; padding:0; box-sizing:border-box; /* overflow: hidden; */ } .app{ position: absolute; top:50%; left:50%
阅读全文
摘要：手机直播源码，Android studio 实现简单的视频播放 第一步：MainActivity package com.videodemo;import android.net.Uri; import android.support.v7.app.AppCompatActivity; import
阅读全文
摘要：短视频平台开发，点击输入框时自动弹出软键盘 在AndroidManifest中设置你的Activity属性 android:windowSoftInputMode="stateVisible|adjustResize" 先要设置页面软键盘模式，这样每次软键盘弹出后布局高度会减少软键盘的高度 ge
阅读全文
摘要：android短视频开发，Java代码获取当前时间的时间戳 Java代码获取当前时间的时间戳（13位和10位） public static void main(String[] args) { //13位的时间戳的三种方式 long time1 = System.currentTimeMillis(
阅读全文
摘要：视频直播系统源码，顶部标题栏的隐藏和标题修改 1、顶部标题栏的隐藏： 在我们的project工程下，找到“values”文件夹下的“themes.xml”或“styles.xml”文件（文件位置一致，后者优先级更高），然后把以下代码 <style name="Theme.Intelligent_ag
阅读全文
摘要：短视频带货源码，保存图片到相册/图库 一、描述 APP需要实现用户手动将图片保存到手机相册/图库 注：Android11 测试有效 二、实现 直接调用下面的方法即可 /* * 将图片 bitmap保存到图库 */ public static void saveBitmap(Context activ
阅读全文
摘要：短视频直播源码，EditText输入框的使用 一、基础属性 首先，EditText作为一个控件，他是继承于View的，所以他具有View的很多属性及方法。当然，现在出了个AppCompatEditText，它是继承于EditText的，加了一些外观的处理，其余的用法那些一模一样。 在写Xml界面时，
阅读全文
摘要：短视频商城系统，Android进度条，自定义进度条，显示百分比 /** * 自定义进度条 * */public class JinDuView extends View { private Paint mPaint; //画笔 private int canvasHeight; //画板高度 pri
阅读全文
摘要：在线直播系统源码，实现进入页面就去请求列表接口并触底分页加载 <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vi
阅读全文
摘要：直播平台开发，直播各个分类单例设计展示 一、 饿汉式实现 立即加载就是使用类的时候已经将对象创建完毕（不管以后会不会 使用到该实例化对象，先创建了再说。很着急的样子，故又被称为 “饿汉模式”），常见的实现办法就是直接new实例化。 public class Singleton { /** * 将自身
阅读全文
摘要：短视频开发app，自定义带进度条的视频播放按钮 具体的代码逻辑都有清楚的注释，可以直接查看代码 public class MusicProgress extends View { private Context mContext; private static final int DEFAULT_S
阅读全文
摘要：短视频app制作，实现消息列表的左滑删除或长按删除 首先布局就是一个RecyclerView <androidx.recyclerview.widget.RecyclerView android:id="@+id/recyclerview" android:layout_width="match_p
阅读全文
摘要：直播平台源码，各个样式的消息通知栏显示方式 1、浮动通知 /** * 浮动通知 在[5.0,8.0)的系统中浮动通知的产生条件 * 是NotificationCompat.Builder中设置setPriority()的参数 * 必须在NotificationCompat.PRIORITY_HIGH
阅读全文
摘要：直播系统源代码，点击滚动的轮播图自动跳转到相应页 一、实现点击事件 // 先获取三个elementconst parentScroll = document.querySelector(".over");const childScroll = document.querySelectorAll(".
阅读全文
摘要：短视频app制作，对于需要付费的内功，实现模糊遮罩效果 css实现： .tip {position: relative;top: 80px;font-weight: 700;text-align: center;font-size: 16px;color: #2878ff;} 兼容性： 由于用ie不
阅读全文
摘要：短视频平台开发，按返回键直接结束当前连麦状态 public class MainActivity extends Activity implements View.OnClickListener, android.content.DialogInterface.OnClickListener{ //
阅读全文
摘要：短视频直播系统，Vue实现element-ui弹框可以拖拽 一、utils文件夹下创建dialog.js文件 import Vue from 'vue' // v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el, binding, vnod
阅读全文
摘要：直播系统源代码，MAP的几种取数据的方式 import java.util.HashMap;import java.util.Iterator;import java.util.Map;import java.util.Map.Entry;import java.util.Set; public c
阅读全文
摘要：成品直播源码推荐，登录界面实现插入背景 引用 因为是背景图片，所有要在最外层div引用 <div class="background_style"> 登录实现 引入Element UI Element UI 通过npm安装 执行此命令 npm i element-ui -S 然后再main.js中
阅读全文
摘要：android短视频开发，Flutter使用系统相机和相册获取图片 flutter 插件库 image_picker: 0.8.4+3 相机 imageQuality 为图片质量 一般为50-60左右， 可以自由设置（0-100） XFile image = await ImagePicker()
阅读全文
摘要：短视频开发app，输入时点击空白区域收起输入法键盘 1.java @Overridepublic boolean dispatchTouchEvent(MotionEvent event) { if (event.getAction() == MotionEvent.ACTION_DOWN) { V
阅读全文
摘要：直播app源码，使用jq实现进入和离开动画 1.index.html: <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>test3</title> <link rel="stylesheet" type="text/less" hr
阅读全文
摘要：小视频源码，CSS 实现半透明边框效果 <div class="bg"></div><style>body{ background: red; } .bg{ width: 200px; height: 200px; margin: 100px auto; background: #fff; bord
阅读全文
摘要：直播软件搭建，css实现多张图片或logo左右无间隙滚动 <style>/* 在需要的父盒子添加使用滚动动画 */.box1{width:90vh;height:100px;animation: move 20s linear infinite;}.box1{width:90vh;height:10
阅读全文
摘要：直播平台源码，Android中常用Dialog弹窗效果 1、ProgressDialog private void showProgressDialog(){ progressDialog = new ProgressDialog(DialogDemo.this); //设置提示信息 progres
阅读全文
摘要：php短视频源码，两种基础的滑块组件验证 1、 基本滑块验证组件 // 安装npm i vue-drag-verify2 -S// 引用： main.js 中引用import Vue from 'vue'import dragVerify from 'vue-drag-verify2'Vue.use
阅读全文
摘要：app直播源代码，Vue获取URL图片的宽高 方法1：函数类型 datadragEnd() {// 创建实例对象var img = new Image();// 图片地址img.src = "http://celiang.oss-cn-hangzhou.aliyuncs.com/measuremen
阅读全文
摘要：视频直播源码，提醒类弹窗，到时间后自动弹出 一、根据日期判断软件是否超期，超期弹窗，按钮退出程序，不超期继续运行。 方法：调用系统当前时期与设定日期进行比较（compareto）,如果大于0则超期，程序退出。 二、按钮弹窗 xml代码 <?xml version="1.0" encoding="ut
阅读全文
摘要：app直播源码，平台登录页面实现和修改密码页面实现 页面设计 1、登录页面activity_login.xml <?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.co
阅读全文
摘要：直播平台源代码，Android实现密码显示与隐藏 1.1 密码框布局 <!-- 密码框 --> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orienta
阅读全文
摘要：短视频直播系统，Android状态栏设置颜色字体 控制状态栏显示，在任何位置通过添加和移除全屏的flag // 隐藏状态栏getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);// 显示状态栏getWindow().clea
阅读全文
摘要：直播带货源码，Android 简单动画播放 1、编写属性动画xml文件 <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false" > <item android
阅读全文
摘要：短视频直播系统，非常简易的通过python文本进度条 import timescale=50print("starting".center(scale//2,"-"))start=time.perf_counter()for i in range(scale+1):a='*'*ib='.'*(sca
阅读全文
摘要：短视频直播源码，自定义图片或视频的循环播放 1、自定义viewPager,目的是为了实现爱奇艺Banner样式，复写Viewpager的构造器 处理setOnHierarchyChangeListener监听 public class DepthPageTransformer implements
阅读全文
摘要：php短视频源码，按钮的圆角图标实现 MaterialButton buildMaterialButton() { return MaterialButton( //背景颜色 color: Colors.white, //边框样式 shape: const RoundedRectangleBorde
阅读全文
摘要：直播app源码，定时开关，实现计时器功能 计时器工具类 import android.annotation.SuppressLint;import android.os.Handler;import android.os.Message; import androidx.annotation.Non
阅读全文
摘要：直播平台源码，针对消息对话框的实际应用效果 首先是设计布局文件 activity_main.xml <?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/re
阅读全文
摘要：短视频商城系统，首屏加载loading动画界面和路由跳转动画 1、首屏加载等待界面 （1）在public的index.html里面的id为app的div标签里面添加 <body> <noscript> <strong>We're sorry but <%= htmlWebpackPlugin.opt
阅读全文
摘要：app直播源码，实现进度条自增长及渐变样式 上代码 activity_main.xml <?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/andr
阅读全文
摘要：视频直播源码，css实现图片对角边框线 代码： //阴影 颜色 内阴影box-shadow: 0 0 2.5vw #237ad4 inset; //设置颜色背景 设置方位 background: linear-gradient(#1359df, #1359df) left top, linear-g
阅读全文
摘要：在线直播系统源码，用户登录时获取到用户已有的账号信息 1、用户未授权（首次登录） button open-type='getUserInfo' 2、用户已经授权（再次登录） wx.getUserInfo html文件： <view class="indexContainer"> <image wx:
阅读全文
摘要：短视频app制作，各个程序里常见的首页轮播图 1、 HTML文件 <view class="indexContainer"> <!-- 轮播图区域 --> <swiper class="banners" indicator-dots='true' indicator-color="ivory" in
阅读全文
摘要：短视频平台源码，开屏后的广告引导页 1、打开Android Studio，新建一个项目StartDemo，新建一个activity页面，命名为StartActiviStartActivity.java代码如下。 先判断是否第一次启动app，如果是，则进入引导页；如果不是，则直接进入首页。 publi
阅读全文
摘要：短视频平台搭建，自定义滚动条的样式 <div class="scrollpic"></div>样式：.scrollpic{margin: 0;width: 100%;position: relative;float: left;height: 111px;overflow-y: auto;}.scr
阅读全文
摘要：直播系统源代码，uni-app 设置状态栏背景色 在开发中遇到需求是：关闭H5和APP端原生导航栏，但APP端要设置状态栏 背景色。 首先我们要在page.json文件中关闭原生导航栏，设置状态类字体颜色。代码如下： "pages": [ {"path": "pages/index/index","
阅读全文
摘要：直播平台源码，用CSS制作毛玻璃效果（高斯模糊效果） <style>body,main::before{background: url("images/1.jpg") 0 / cover fixed;} main{position: relative;display: flex;align-cont
阅读全文
摘要：短视频直播源码，拖动滑块实现图片验证效果 1、 基本滑块验证组件 // 安装npm i vue-drag-verify2 -S// 引用： main.js 中引用import Vue from 'vue'import dragVerify from 'vue-drag-verify2'Vue.use
阅读全文
摘要：直播软件源码，Vue获取URL图片的宽高 方法1：函数类型 datadragEnd() {// 创建实例对象var img = new Image();// 图片地址img.src = "http://celiang.oss-cn-hangzhou.aliyuncs.com/measurement/
阅读全文
摘要：视频直播app源码，Android RecyclerView 列表加载图片宽高适配 图片的宽度为手机屏幕宽度，高度自适应 adapter item布局 <ImageView android:layout_width="match_parent" android:layout_height="wrap
阅读全文
