Android界面探索
文章平均质量分 81
王先生技术栈
这个作者很懒,什么都没留下…
展开
-
仿蜻蜓FM详情页嵌套滑动效果(IOS版本效果)
闲来无事,看到蜻蜓FM的详情页面效果挺好玩的,于是乎仿一下,因为IOS版本和Android版本的效果不一致,看了下Android实现上更加复杂一点,所以先实现了IOS的方式,效果上大致的功能效果都有了,细节没有打磨,终究只是demo,为了探究滑动处理方式。老规矩,先上图,看一下效果。不知道看了效果之后,你还有没有看下去的兴趣????????????实现思路一看到这种折叠效果,我第一感觉应该是使用BottomSheetBehavior,当然我本次使用也是使用的这个。对于BottomSheetBeh原创 2021-08-25 23:42:45 · 564 阅读 · 4 评论 -
Android自定义软键盘
自定义软键盘实现自定义软键盘1、通过xml定义键盘2、将xml文件与keyboardview绑定起来3、处理点击事件onKey附赠一些实用的效果处理1、点击空白处,关闭软键盘,如果有内容,出发内容点击,并关系软键盘,如果是滑动,则只关闭软键盘2、切换软键盘panel,很简单的实现还是咱们的老规矩,先放最终效果图 ????????????实现自定义软键盘需要实现一个软键盘很简单,只需要很简单的3步1、通过xml文件,定义出来键盘结构2、将定义好的键盘结构与KeyboardView绑定起来3、实原创 2021-08-21 17:25:14 · 4434 阅读 · 4 评论 -
实现一个横向无限循环滚动的单行弹幕效果
本期将带领大家实现一个这样的效果,支持无限循环的单行弹幕效果。实现思路分析要实现上面的效果,我们先拆分下实现要素:1、弹幕布局是从屏幕的右侧向左侧滚动,单个弹幕之间的间距是固定的(设计要求)2、弹幕要支持无限滚动,出于性能要求,如果不在屏幕内的,应该移除,不能无限追加到内存里面。拆分完需求要素之后,针对上面的需求要素,做一下思路解答:1、对于滚动和超出屏幕后移除,可以使用动画来实现,动画从屏幕右边开始移动到屏幕左边,监听如果已经动画结束,则remove掉布局。2、无限循环效果,可以.原创 2021-05-13 23:14:26 · 1419 阅读 · 10 评论 -
自定义view之动手实现一个简单的xmind思维导图结构
文章目录1、思路拆分2、细分实现2-1、文字换行实现思路2-2、贝塞尔曲线弧度实现思路3、核心源代码老样子,先放效果图吸引火力1、思路拆分猛一看这个图,感觉有种无从小手的感觉是不是?那么让我先来拆分下思路,相信你会觉得很简单。首先这个思维导图构成是由主题:子节点:其中子节点支持控制都是还有子节点链接线:链接线是支持弧度的,第一感觉就是要用贝塞尔曲线来实现。2、细分实现其实观察下来,实现上面的难点主要是两个,第一个是文字换行,第二个是贝塞尔曲线弧度。下面我来一个个拆解下。2-原创 2021-01-14 00:19:02 · 875 阅读 · 12 评论 -
Textview扩展,告别drawable文件设置圆角背景
老规矩,先放个效果图,吸引一波火力,那么接下来就上代码了。由于没啥难度,所以直接放代码。package org.fireking.ap.custom.textview.customimport android.content.Contextimport android.graphics.Colorimport android.graphics.drawable.GradientDrawableimport android.util.AttributeSetimport androidx.ap.原创 2021-01-12 20:30:23 · 422 阅读 · 0 评论 -
自定义方形输入框后续扩展
在之前的文章中有提到自定义自定义方形输入框,效果图可以直接点击进去查看,但是突然设计师觉得方形不好看,灵机一动,修改成了如下这样:当看到这个效果的时候,第一感觉是可以把textview进行一下自定义,但是一想这样岂不是不利于扩展。转念一想,这不是和edittext的效果很像吗?于是乎,翻了下edittext源码,edittext继承自textview,仔细看edittext源码发现,并没有做多...原创 2019-09-19 23:20:08 · 488 阅读 · 0 评论 -
自定义view实现TextView方形输入框
先奉上最终效果图实现思路分析:1、 使用一个LinearLayout用来填充每一个小方格,通过动态添加,实现出需要数量的输入框2、 在LinearLayout上覆盖一层大小和LinearLayout大小完全一致的EditText,用来接口输入信息,设置EditText输入背景和文字为透明,并设置不展示光标,3、 监听EditText的内容变化,和LinearLayout的内容绑定,实现...原创 2019-07-21 11:57:04 · 1715 阅读 · 0 评论 -
仿微信多人音视频通话界面
package com.dnaer.android.telephone.widgets;import android.content.Context;import android.os.Build;import android.support.annotation.RequiresApi;import android.util.AttributeSet;import android.u...原创 2019-06-22 22:05:30 · 8523 阅读 · 7 评论 -
Android实现词云效果
相信大家对于词云应该或多或少都有见过,没见过也没关系,这里先给大家看看网络上效果。词云使用python或者javascript实现的话,非常方便,插件也很多,但是android目前还没有见过开源实现。网络词云效果:http://yciyun.com/下面是我自己使用canvas实现的词云效果。实现原理分析我这里使用的实现原理是使用填格子的方式,下面给一张图来说明。仔细看这张图,你会...原创 2019-01-13 21:20:34 · 2292 阅读 · 1 评论 -
clipToPadding和clipChildren使用说明
1、clipToPaddingclipToPadding默认为true,当clipToPadding为true时,表示布局不能绘制到padding区域。当clipToPadding为false时,表示布局能够被绘制到padding区域。效果展示:设置为true,默认状态下为true。设置为false在滚动的时候,可以很明显的看到绘制布局的绘制区域差别,设置为true的话,绘制区域高度...原创 2018-12-24 13:44:58 · 1728 阅读 · 0 评论 -
Android 弹出式布局之DatePickerDialog、TimePickerDialog使用
文章目录1、DatePicker2、TimePicker3、DatePickerDialog4、TimePickerDialog5、AnalogClock(模拟时钟)、DigitalClock(数字时钟)两个都已经过时了6、TextClock (API17开始支持)在说明DatePickerDialog和TimePickerDialog之前,我们先看看DatePicker和TimePicker...原创 2018-12-17 11:24:00 · 4416 阅读 · 2 评论 -
Android 弹出式布局之PopupWindow、BottomSheetDialog、PopupMenu的使用
文章目录1、PopupWindow2、PopupMenu1、PopupWindow2、PopupMenu原创 2018-12-17 10:01:43 · 776 阅读 · 0 评论 -
android自定义view实现数字滚动效果实现以及原理分析
// __________________________________________________// | _ |// | /|,/ _ _ _ / ` /_ _ . _ _/_ _ _ _ _|// |/ / /_' / / ...原创 2018-12-27 10:31:40 · 6500 阅读 · 0 评论 -
RecyclerView之ItemDecoration使用
文章目录1、ItemDecoration的基本使用2、如何自定义ItemDecoration4、系统自带的DividerItemDecoration源码分析3、实现一个带有顶部悬停效果的ItemDecoration3-1、为RecyclerView插入字母分割条3-2、实现悬停效果3-3、完整代码相信大家对于RecyclerView现在使用应该相当普遍了吧,它作为ListView的有力替代品,有...原创 2018-12-26 14:33:47 · 981 阅读 · 0 评论 -
android自定义View实现柱形图、饼状图、折线图绘制
对着这部分主要是对canvas绘制线条、path的使用,内容比较简单,没有什么可详细说的价值,所以直接看代码。1、折线图public class LineChatView extends View { private int width, height; private Paint guidePaint = new Paint(Paint.ANTI_ALIAS_FLAG...原创 2018-12-20 16:02:53 · 582 阅读 · 1 评论 -
android自定义View实现蜘蛛网图绘制
老规矩,先放上效果图要实现上面的效果,需要使用到Path,建议先看看这遍文章,安卓自定义View进阶-Path之基本操作,本文的产生也是因为这遍文章后面的练习题。先说一下在实现上面的难点1、首先是6条边的绘制,实际上是确定6个点,之后进行连线,就形成了一个6变形。2、不规则图形绘制,主要是根据数据换算出来每个点的位置,在绘制逻辑上和步骤1是一致的。3、文字绘制,需要计算出来每个文字的高...原创 2018-12-20 15:36:43 · 591 阅读 · 0 评论 -
使用PathMeasure绘制动效
首先先上效果图。对于PathMeasure不属性的可以先看看这篇文章安卓自定义View进阶-PathMeasure。由于上面文章讲解的很清晰,所以这里不再说明PathMeasure使用。绘制搜索放大镜效果首先需要确定放大镜的渐变过程1、一个完整的放大镜(由一个圆+一个线条手柄)2、放大镜逐渐从圆开始到手柄逐渐消失3、从手柄终点开始绘制圆弧(loading效果)所以其实完整的应该是...原创 2018-12-20 14:43:49 · 295 阅读 · 0 评论 -
Android 弹出式布局之Dialog的使用
文章目录1、Dialog1-1、dialog基本使用1-2、自定义dialog1-3、dialog宽度完全填充屏幕1-4、给dialog添加进入移除动画效果1-5、官方推荐DialogFragment使用1-6、picker使用2、PopupWindow3、menu菜单1、Dialog1-1、dialog基本使用AlertDialog dialog = new AlertDialog.Bui...原创 2018-12-15 19:52:13 · 737 阅读 · 0 评论 -
android自定义正弦波水波纹
文章目录原创 2018-12-20 14:10:22 · 1043 阅读 · 0 评论