最近做一个登录的界面,我脑子里一下就想到QQ的登录界面,简单,美观,所以就找了些资料实现了下,现在整理下 先来看下效果图 1.首先是布局文件XML文件,不解释直接上 1>主界面 1 <RelativeLayout
仿QQ聊天室项目 完整代码见 https://github.com/skyerhxx/QQ-Project 完整项目结构 QQ_Client QQ_Server...登录界面 创建普通Java项目 并创建model、view、tools、common 四个包 在view下创建QqClientLogin.java /** * 功能: qq...客户端登录界面 */ package com.qq.client.view; import javax.swing.*; import java.awt.*; import java.awt.event...jp1.add(jp1_jb2); jp1.add(jp1_jb3); this.add(jbl1,"North"); //把jp1放在页面下部...jp1.add(jp1_jb3); this.add(jbl1,"North"); this.add(jtp,"Center"); //把jp1放在页面下部
切换 使用RadioGroup和RadioButton实现仿qq底部切换 使用RadioGroup和ViewPager 实现可以滑动切换的仿qq底部Tab切换 解决Fragment多次实例化的几种方案...RadioGroup和ViewPager 实现可以滑动切换的仿qq底部Tab效果图 ? 使用FragmentTabHost实现qq底部Tab切换 第一步先看布局文件 <?...---- 使用RadioGroup和RadioButton实现仿qq底部切换 第一步 ,先看布局文件 <?xml version="1.0" encoding="utf-8"?...showFragment(mCurFragment, to); mCurFragment = to; } }); ---- 使用RadioGroup和ViewPager 实现可以滑动切换的仿qq...() - 1); ---- 到此仿qq底部tab切换的集中方法已经讲解完毕,之所以讲解了 三种方法,是想让大家了解多种实现方式,因为每一个人的习惯都不一样,有些人习惯使用与第一种方式,有人习惯使用第二种方式
主要利用三角函数和贝塞尔曲线实现粘连效果,角度和坐标对应关系如下 /** * qq气泡 */ public class BubbleView extends View { //原始气泡半径
自动缩放,控件的显示和隐藏 5.响应用户输入操作 一.前言 两年的大学生活马上就要结束了,马上面临实习,突然心血来潮,想着最后再来写一个项目来总结这几年所学的东西,难的项目,咱也不会,索性就模仿qq来写一个...那么接下来,也是该篇的任务,我们来看如何用html写一个注册页面并使用js加载用户输入响应,在第二篇,将带领大家学习如何将html变成jsp,并使用java写其对应的后台响应。... 当值为1000时效果入下 ?...@media (max-width:1100px) { .fdogback { display: none; } } 如果页面一直缩小,直到手机大小呢?...如何根据用户输入的内容给出响应的提示,这里也是使用js进行判断的。 例如我们的昵称响应,当鼠标向输入框输入内容时,触发js中的checkUserName函数。
在qq空间里有好多网页特效值得初学html和js的去学习,今天我来介绍一种特效。我们在上qq空间是都会发现,当向下滚动鼠标,使滚动条到达最低端的时候,好友动态会自动增加。...newnode); var newline = document.createElement("br"); document.body.appendChild(newline); } 这些都是js
这篇博客实现的功能主要有仿微信,QQ 上传图像裁剪功能,包括拍照,从相册选取。裁剪框的样式有圆形,正方形,九宫格。
@TOC 一、网站题目 音乐网页设计 、仿网易云音乐、各大音乐官网网页、明星音乐演唱会主题、爵士乐音乐、民族音乐、等网站的设计与制作。...子页面有纯文字页面和图文并茂页面。 一套优质的网页设计应该包含 (具体可根据个人要求而定) 页面分为页头、菜单导航栏(最好可下拉)、中间内容板块、页脚四大部分。...所有页面相互超链接,可到三级页面,有5-10个页面组成。 页面样式风格统一布局显示正常,不错乱,使用Div+Css技术。 菜单美观、醒目,二级菜单可正常弹出与跳转。...要有JS特效,如定时切换和手动切换图片轮播。 页面中有多媒体元素,如gif、视频、音乐,表单技术的使用。 页面清爽、美观、大方,不雷同。 。...其中: (1)html文件包含:其中index.html是首页、其他html为二级页面; (2) css文件包含:css全部页面样式,文字滚动, 图片放大等; (3) js文件包含:js实现动态轮播特效
背景: 这几天做一个复制文本的需求,突然看到QQ上复制昵称跟QQ号的效果,觉得很不错,就想要模仿一波,办法比较简单粗暴,反编译QQ获取了那个.9图片,然后就是用PopWindow实现了。...R.layout.activity_main); tvNickName = findViewById(R.id.tv_nick_name); tvQQNum = findViewById(R.id.tv_qq_num...copyContentPopWindow = new CopyContentPopWindow(MainActivity.this); copyContentPopWindow.setTvLabel("复制QQ...其他相关 同事找到了一个不错的开源项目,https://github.com/shangmingchao/PopupList 突然觉得这个用起来更容易 总结 以上所述是小编给大家介绍的Android仿QQ
我们经常能看到各种app中都有应用侧滑菜单(SlidingMenu),效果很好的一种显示方式,今天我就向大家展示可以说是很简单就能实现和qq的侧滑菜单很相似的效果。...现在侧滑菜单的框架在github上也有很多,有兴趣的可以去搜一下,今天我就给大家展示一个简单的仿qq侧滑菜单的例子。...if (changed) { this.scrollTo(mMenuWidth, 0); } } 滑动事件 我们怎么来判定是否滑动了这个滚动条呢,并通过这个来显示不同的页面...public void toggle() { if (isOpen) { closeMenu(); } else { openMenu(); } } 在主页面中引用自定义...> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:qq_menu="http
github地址 https://github.com/sunguowei 最近项目要做一个QQ5.0的侧滑菜单效果,和传统的侧滑菜单存在着一些差异。想必大家都已经见识过了。
本文实例为大家分享了Android仿qq消息拖拽效果展示的具体代码,供大家参考,具体内容如下 ?...这是一个仿qq消息拖拽效果,View和拖拽实现了分离,TextView、Button、Imageview等都可以实现相应的拖拽效果;在触发的地方调用 MessageBubbleView.attach(findViewById...mWindowManager.addView(mMessageBubbleView, mParams); //初始化贝塞尔view的点 //需要获取屏幕的位置 不是相对于父布局的位置 还需要减掉状态栏的高度 //将页面做为全屏的可以将其拖拽到状态栏上面...源码地址:仿qq消息拖拽效果 以上就是本文的全部内容,希望对大家的学习有所帮助。
先说下下面的代码和demo是wpf的,如果winform要用,改动不大的。 实现思路: 通过定时刷新鼠标位置 和 窗体坐标 进行计算 来控制窗体的隐藏 显示 ...
在聊天的页面中,用户的头像都是在本地存的。包括聊天的信息,也是本地数据库存的。这样就能记录信息。也可以扩展把聊天记录导出。 在本地创建的 消息数据库中。... "isRead integer ," + "isReplyLocation integer )"; 这样再次进入聊天页面就可以把数据库的内容读出来...仔细看源码的话发现,在进入页面适配数据的时候已经从数据库读取内容了,而在适配器中查看图片,又重新读取了一次, 主要是因为,不这样做还是不能正确显示和播放。 对这个问题很费解。...进入到聊天页面,换取到数据,很据数据类型来加载对应的layout,当然还要判断用户ID,信息的读取是根据用户ID来获取的 01 02 03 04 05 06 07 08 09 10 11 12 13 14
本期介绍 本期主要介绍案例1:使用JS完成注册页面校验 文章目录 1. 需求说明 2. ...需求说明 用户在提交注册表单时,需要对用户的填写的数据进行校验。 本案例只对用户名、密码、确认密码进行校验。...编译 --- 执行 作用:控制页面特效展示。...例如: JS 可以对 HTML 元素进行动态控制 JS 可以对表单项进行校验 JS 可以控制 CSS 的样式 2.1.2 JavaScript 入门案例 2.1.3...通常鼠标或热键的动作我们称之为事件 (Event) 事件包括:点击、表单提交、值发生改变、鼠标移入、鼠标移出等等 通过 JS 事件,我们可以完成页面的指定特效。
使用方法: 1、直接把图像文件拖到图标上显示 2、通过命令行方式,示例:ImageView.exe “带全路径的图像文件名称” 3、打开ImageView...
项目全部文件(包括素材和源码)已上传到github https://github.com/wwang-dev/MyQqChat qq聊天项目使用简介: 项目环境配置 软件开发工具:IntelliJ IDEA...登录成功进入主页面,双击在线好友即可打开聊天界面 d....客户端代码结构: package com.client.view Login.java//用户登录界面 Chat.java//好友聊天界面 FriendList.java//登录成功主页面...补充以下: 目前没有提供注册账号功能,因为注册成功还必须添加好友,要不一个空列表没有什么意义。 只有数据库chat中t_user表中用户才能登录成功。 程序对用户输入信息进行各种检验,效果挺好。...https://blog.csdn.net/qq245034548/article/details/43063311 有什么问题或者建议欢迎在下方留言!
private PrintWriter writer; private ServerSocket server; private Socket socket ; private QQServer qq...QQServer qqserver2 = new QQServer(); qqserver.getServer(8000); qqserver2.getServer(8100); qqserver.qq...=qqserver2; Thread t=new Thread(qqserver); t.start(); qqserver2.qq=qqserver; Thread t2=new Thread...qq.socket.isClosed()){ writer = new PrintWriter(new OutputStreamWriter( qq.socket.getOutputStream()...= null) { socket.close(); } if (qq.socket!
以前博客的链接:点击打开链接 附上关键代码: MainView.java package com.tszy.views; import java.io....
需求 主题:网抑云 用户注册 (账号 密码 性别 爱好…) (注册完成跳转到注册成功页面) 注册成功页面 (显示用户注册的详细信息) (可以跳转到登录页面) 登录页面 (使用用户注册时的账号密码登录...) (进行判断) 登录成功页面 (欢迎XXX(用户注册时的昵称)先生/女士 分析 不能使用回车多行输入 账号(不可为空) 密码(不可为空)(隐藏的) 确认密码(比对) 昵称(不可为空...) 性别(单选) 爱好(多选) 简介 简介可以为空,其他全部非空 inputType属性实现限制输入类型 点击注册 如果有空(吐司提示XXX不可为空) 从上到下提示 注册完毕之后: 跳转到注册成功页面...zhanghao.equals(account) == true && mima.equals(password) == true){ // 登录成功 跳转登录成功页面...注册页面 注册成功页面 登录页面 登录成功页面
领取专属 10元无门槛券
手把手带您无忧上云