首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

自定义View,带你撸一个带加载功能的按钮

介绍一个带加载功能的按钮控件的实现原理,加载动画来自于CircularProgressDrawable 效果图(最终效果图在最后面) [strip] [strip] 实现原理 加载圆环就是用setCompoundDrawables...[1240] 看来实际的效果与我们想象中的不太一样,原来Drawable在一开始我们并没有设置它的位置 drawable.setBounds(0, 0, 80, 80) 那么我们应该如何将绘制居中显示文字的旁边...左侧及右侧drawable需要的空间,然后再按照剩余的空间来居中显示,所以得到求最后通过位移得到的效果的英文文字状语从句:drawable一起居中显示的。...mRootViewSizeSaved[1]); requestLayout(); } }); 最终效果图: [strip] [strip] 结语 本文介绍了带加载效果的按钮实现整体思路...(头发又变少了呢〜) 最后可以看下完整实现的效果,已经上传到github上了(LoadingButton),加了一些功能(本来只是想简单实现一个按钮旁边有一个Loading,结果功能越写越多就变成这样,

89200
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    用CSS制作可交换带事件处理的图片按钮

    按钮是网页最常用的控件了,怎样设计一个更好看的按钮,这两天试验了几种方法:       1、用Javascript交换图片的方式先在网页中制作图片,然后把图片转换为服务器端控件,为该控件添加事件处理...2、按钮在交到页面时,其实就是一个input,那么用css写一个样式就ok了。结果,发现客户端的页面中,按钮的ID虽然是原来的ID,但是写的CSS并没有起作用。...原来,.net自己为按钮加了一个style,优先级显然比自定义的要高了。看来得想办法把系统自动加的style屏蔽掉才行。       ...3、再试HyperLink,为它写css,结果图片交换没有问题,可是又无法把按钮事件加上。       4、最后,用LinkButton,仍然以LinkButton的ID写css,然后把文字去掉。...也许还有更好的办法吧,不过这样已经比较简单了。只要改css就基本搞定一切了。

    1.4K50

    如何使用 TIMSDK 的自定义字段?

    前言介绍 为了方便不同用户的定制化及业务需求,IMSDK 目前提供了五个维度的自定义字段 "用户资料自定义字段","好友自定义字段","群成员维度自定义字段","群维度自定义字段" 均已键值对 Key-Value...扩展相应的字段 Key,为相应的字段 Key 设置值 Value,这便是 IMSDK 字段的使用方式 "消息自定义字段" 有些不一样,请翻至对应的章节详阅 控制台添加自定义字段 1)进入控制台打开 "...便不可修改及删除 读写权限可再次编辑 用户资料自定义字段 相关 API modifySelfProfile() -> 创建 HashMap,Key 为基础字段或自定义字段,Value 为需要设置的内容...() 获取自定义字段的键值对; 适用场景 添加好友成功后,可以对好友进行备注,标记好友来源等字段可供使用,某些特殊场景下需要用到自定义字段,例如:星标好友,好友亲密度等一些场景 示例代码 写自定义字段...() 获取自定义字段的键值对; 适用场景 群成员信息包含一些基础字段,"角色: 群主,管理员", "群昵称", "加群时间" 等等,某些特殊场景需要用到自定义字段,例如:"发言等级:潜水,冒泡,话痨"

    2.6K61

    新建Salesforce的自定义对象和自定义字段

    在“客户”的“字段”界面,点击“客户自定义字段和关系”部分中的“新建”按钮,进入“新建自定义字段”界面。 第一步是选择字段类型。在这里,选择“选项列表”。 ? 点击“下一页”继续。...Salesforce中每个对象可以有不同的页面布局,其中可以设置显示或隐藏某些字段。 这一步就是定义新字段可以显示在哪些页面布局中。 ? 设置完成后,点击“保存”按钮即可完成新建自定义字段。 ?...编辑自定义字段 对于自定义字段的编辑,点击“编辑”按钮即可进入编辑页面。 ? 自定义字段详细信息 点击自定义的字段,可以进入它的详细页面。 ? 在此页面中,可以点击“编辑”按钮来编辑其基本属性。...点击“设置字段级安全性”按钮可以设置不同安全级别(简档)的用户对于此字段是否可见和是否可以编辑。 ?...点击“新建”按钮,可以添加一个或多个选项值。 点击每个选项前的“禁用”按钮,即可将此选项禁用。 ?

    2.3K61

    Android自定义动画酷炫的提交按钮

    ,仅供学习使用,让大家拿到稍微复杂点的动画的时候要知道该如何去一步步分解实现,而不是抱怨。...圆角矩形绘制完成之后就是改变圆角半径的大小使其两边形成半圆的效果,那么怎么才能让他成为半圆呐,来看看一张图,若要绘制成半圆效果,那么这个圆的直径就是view自身的高度,那么这个圆的半径就是height/...DashPathEffect这个类的作用就是将Path的线段虚线化。...我们先拿到对勾的path路径在对其改变偏移量加上DashPathEffect就能实现动态绘制对勾的效果了,那么怎么计算对勾的起点折点和终点的坐标呐,在网上找了一个不错的图片,如果你的设计师直接把位置给你标明的很详细的话你就省了这些自己计算的麻烦...只要我们把自己的需求分析拆解,把复杂的步骤简单化,分布实现在组合到一起就可以实现自己想要的效果(你要知道炫酷的电影特效也是一帧一帧动画合成的哦)。

    1.6K30

    使用 TIMSDK 的自定义字段 iOS 示例

    前言介绍 为了方便不同用户的定制化及业务需求,IMSDK 目前提供了五个维度的自定义字段 "用户资料自定义字段","好友自定义字段","群成员维度自定义字段","群维度自定义字段" 均已键值对 Key-Value...扩展相应的字段 Key,为相应的字段 Key 设置值 Value,这便是 IMSDK 字段的使用方式 "消息自定义字段" 有些不一样,请翻至对应的章节详阅 控制台添加自定义字段 1)进入控制台打开 "应用配置..." [1620] 2)切换至 "功能配置" 页 [1620] 3)将会看到 "用户资料自定义字段","好友自定义字段","群成员维度自定义字段","群维度自定义字段" 4)点击 "+ 新增自定义字段"...适用场景 消息的自定义字段信息有两种,例如 Int 可以像微信一样标记语音消息是否播放过,0 为未播放,显示红点,1 为播放过了,不显示红点。...getSenderNickname, 不能直接获取自定义字段, 在会话中不建议获取自定义字段, 一条消息就去拿会很频繁,给后台造成很大的压力

    1.1K40

    mysql查询字段中带空格的值的sql语句,并替换

    (自己写的这四行)查询带有空格值的数据:SELECT * FROM 表名 WHERE 字段名 like ‘% %’; 去掉左边空格 update tb set col=ltrim(col); 去掉右边空格...,如果数据库中的这个字段的值含有空格(字符串内部,非首尾),或者我们查询的字符串中间有空格,而字段中没有空格。...以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索replace , 字符串 , 函数 代码 mysql新增字段sql...语句、mysql修改字段sql语句、mysql删除字段sql语句、mysql加字段sql语句、mysql添加字段语句,以便于您获取更多的相关知识。...有个字段是:sysUseName 字段中有条记录的内容是:robin 请看下面这两个SQL语句: SELECT * from sysuser s where s.sysUseName = ‘robin

    9.4K20

    自定义带图片和文字的ImageTextButton

    今天我们来讲一下有关自定义控件的问题,今天讲的这篇是从布局自定义开始的,难度不大,一看就明白,估计有的同学或者开发者看了说,这种方式多此一举,但是小编我不这么认为,多一种解决方式,就多一种举一反三的学习...下一次或者过几天我会从自定义属性,在布局文件中使用属性的方式再讲一篇关于自定义控件的文章,希望对大家能够有所帮助。 现在开始讲自定义带图片和文字的ImageTextButton的实现方法。...第一步:新建一个image_text_buttton.xml的布局文件,供自定义的控件使用。 <?xml version="1.0" encoding="utf-8"?...android:layout_marginTop="8dp" android:textColor="#000000" /> 第二步:自定义一个类...** * @param color */ public void setTextColor(int color) { tv.setTextColor(color); } } 第三步:自定义控件的使用

    83690

    WordPress 自定义字段 自定义域的使用方法

    WordPress的自定义字段是个非常有用的功能,自定义域是对wp文章功能的扩展和补充,通过使用WP自定义字段功能,可以给文章增加些额外的内容,如用WP做淘客模板时给产品添加商品价格显示,添加购买链接等...下面博客吧详细介绍wp自定义字段的使用方法步骤。...”,在名称里输入自定义字段的名称,如link,然后在值里输入自定义字段的值,如https://qintia.com 然后点击“添加自定义栏目”,最后直接发表文章即可。...> 参数详解 $post_id 文章的ID,如果在循环中,可以用 get_the_ID() 来设置 $key 自定义字段的名称(键值) single 是否以字符串形式返回,false会返回数组形式(如果没有设置这个自定义字段的话...,返回false;如果有设置,则返回设置的值;如果第三个参数设置为false,则返回数组,且相同键值的自定义字段的值会按照添加顺序组合成一个序列数组;如果只设置postid参数,那将返回所有的自定义字段值

    1.8K20

    友盟分享中添加自定义的分享按钮

    我又看了友盟开发文档,说实话本人并没有找到我想要的,后来还是通过百度,看其他人的博客才知道如何添加自定义分享按钮(当然这肯定也在友盟的文档中,但文档内容太多,我没找到,也懒得找,不如在百度中有针对性地找...下面是一些核心代码: // 一下的方法是在分享列表中添加一个自定义的按钮 UMSocialSnsPlatform *snsPlatform = [[UMSocialSnsPlatform alloc...] initWithPlatformName:@"CustomPlatform"]; // 设置自定义分享按钮的名称     snsPlatform.displayName = @"复制链接"...; // 设置自定义分享按钮的图标     snsPlatform.bigImageName = @"copy"; //    __weak typeof(self) weakSelf = self...UMShareToSina,UMShareToSms,UMShareToWechatSession, UMShareToWechatTimeline,@"CustomPlatform"]]; // 注意:在监听自定义按钮的点击事件中执行自定义按钮的点击操作

    1.7K40

    直观又吸睛的带图筛选按钮,怎么做?| PBI实战

    | PBI实战》中,我们介绍了使用字段参数直接创建默认筛选器的用法。但是,默认的筛选器在格式设置上,其实是有一些限制的,文章里也留了个小尾巴——为啥冠军作品的筛选按钮有点儿不一样?...小勤:这里的度量切换筛选按钮怎么是圆角的?默认的筛选器好像设置不了哦! 大海:对的!这里作者为了设计上更加美观,选用了一个自定义的图表(筛选器ChicletSlicer),而没有用默认的筛选器。...比如实例文件中的筛选按钮: 小勤:这个筛选器好啊!当筛选按钮较多的时候,通过添加logo来增加辨识度,不仅显得更加美观,而且更加方便用户使用,迅速找到自己想要的筛选条件! 大海:对的。...“图像”设置栏中加入图标编码(base64)字段并按需要调整格式即可(具体可参考星球中发布的示例文件): 至此,所有设置完毕。...小勤:原来这样,我这就去下载这个自定义筛选器,搞起来!

    69820
    领券