首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    给UICollectionView设置组背景和组圆角-Swift

    ---- 最近由于我们的UI设计钟情于圆角搞得我很方,各种圆角渐变,于是就有了下面这篇给UICollectionView的组设置圆角和背景色的一个小封装,拿出来和大家分享一下,里面的具体的一下细节都在代码注释里面...我们理一下大致的一个思路。 既然是要设置圆角和背景,那我们首先需要考虑的是在哪里设置,直接设置什么属性肯定是不行的,要不然那我就是疯了写这个。?...我们都应该知道UICollectionView我们要想自定义一些东西或者布局几乎都是通过Layout下手的,那我们要给它设置组背景色和组圆角是不是也在这里进行呢?...我们大致的思路是这样的: 给UICollectionView 每一组添加一个修饰View,然后在这个修饰View上我们设置组圆角和背景色,最后我们把CollectionCell 设置成 Clean背景就可以达到我们想要的效果...append(attribute) } } } NOTE:仔细看代码可以看到圆角和背景色的属性都是设置给PPLayoutAttributes,这玩意又是什么呢?

    3.7K51

    文本属性,边界圆角,背景属性,精灵图案例

    我们要更加小就ui自己设计字体了 颜色:color 字重:font-weight 可选属性 lighter | normal | bold|bolder 分别为细|正常|粗|更粗 100-900之间整百的数字...text-indent 字间距:letter-spacing 整体设置font: bold 10px/300px '黑体', 'Arial'; 分别是字重,字体大小,行高,字族,顺序可以交换不影响 二.边界圆角...border-radius 特点 最多可以填写8个参数 可填写的参数固定值|百分百 左上为第一个角,顺时针编号 不足找对角 填写一个值所有边都是这个值 填写八个参数的时候横纵分离,先横后纵横纵直接用/...分开 三.背景属性 背景图片设置 /*显示比屏幕大的图片:缩放尺寸*/ background-image: url("img/kj.gif"); /*尽量只设置宽,高等比缩放,不失真*/ background-size...2.y轴:top center bottom 具体像素 百分百*/ background-position: center center;先x轴再y轴 四.精灵图案例 原理:先设置显示区域大小,再根据背景图片的移动结合伪类进行操作来完成一些动画效果

    50030

    会变色的TextView

    你认为先实现这方法很简单,使用两个 TextView 控件就可以搞定完事。左边的 TextView 放置名字,右边的 TextView 放置内容。这种方法是可以实现,那有没有更好的方法呢?...它的作用是能够改变字符串的字体颜色,设置字符串的字体样式,为字符串添加下划线等。...使用 SpannableString SpannableString 用法可以分为三部走: 首先实例化一个 SpannableString 对象,然后为其设置样式,最后将 spanStirng 填充到 TextView...what 有以下这些类: 样式类 效果说明 ForegroundColorSpan 文本颜色(前景色) BackgroundColorSpan 背景色 ClickableSpan 设置文本可点击 DynamicDrawableSpan...我选择 RecycleView 来显示数据,它的 item 布局中放置一个 TextView。 ?

    76010

    CSS3圆角、opacity 透明度、rgba 背景色设置

    CSS3圆角 设置某一个角的圆角,比如设置左上角的圆角: border-top-left-radius:30px 60px; 二话不说,先写个这个左上角的圆角示例来看看先,代码如下: 的div,现在可以准备设置左上角为圆角了。 ? 如果只写一个30px,说明上方和左方都是以30px的圆半径。如果按照示例再写一个60px呢? ?...---- 上面分别写了四个圆角单独写的方式,我们来简化一下。 再来一个同时分别设置四个角: border-radius:30px 60px 120px 150px; ?...2、rgba(0,0,0,0.1) 前三个数值表示颜色,第四个数值表示颜色的透明度 ? 可以看出,rgba这种方式就是再设置一个背景色,并且可以控制透明度,而不会去影响文字内容。...设置了透明度为 0.3 之后, div的背景色就变为了灰色,但是不会影响中间的文字颜色。

    1.5K30

    Android项目实战(三十二):圆角对话框Dialog

    对话框包括:1、圆角         2、app图标 , 提示文本,关闭对话框的"确定"按钮   难点:1、对话框边框圆角显示      2、考虑到提示文本字数不确定,在不影响美观的情况下,需要在一行内显示提示的文字信息...2、Android项目实战(五):TextView自适应大小   一行内显示文本信息,当文本字数少的时候 ,文字大小大,当文本字数多的时候,文字大小小。   ...-- 用于设置信息对话框的圆角 --> 2、从上面可以看到设置对话框的圆角只需要一个...也许大家从别的文章发现, 有的人用圆角背景图片来实现对话框圆角,有的人用style来实现对话框圆角。

    2.4K70

    腾讯开源超实用的UI轮子库,我是轮子搬运工

    QMUIQQFaceView 支持显示表情的伪 TextView(继续自定义 View,而不是真正的 TextView), 实现了 TextView 的 maxLine、ellipsize、textSize...QMUIRadiusImageView 提供为图片添加圆角、边框、剪裁到圆形或其他形状等功能。 QMUIRoundButton 对 Button 提供圆角功能,支持以下特性: 指定圆角的大小。...分别指定不同方向的圆角大小。 指定圆角的大小为高度的一半,并跟随高度变化自适应圆角大小。 支持分别指定背景色和边框色,指定颜色时支持使用 color 或 ColorStateList。...QMUIRoundButtonDrawable 使用该 Drawable 可以方便地生成圆角矩形/圆形 Drawable,提供设置背景色、描边大小和颜色、圆角自适应 View 高度等特性。...也会触发 TextView 的事件的问题。

    4.8K30

    属性动画的核心方法:ValueAnimator.ofInt(int... values)

    比如 ValueAnimator.ofInt(0,100) , 实现的即数值从0平稳的变化到100 比如实现如下一个效果: 改变控件的样式,圆形和圆角长方形切换 实现思路很简单,即高度不变,改变控件的宽度...(圆形时:宽高相等,长方形时:宽度为屏幕宽度-两边边距),顺便设置一个背景值,动画执行过程随便设个值(例子250毫秒) 现在看具体实现: 1、首先布局文件,设置两个按钮和一个效果控件 , 这里设置执行效果控件的高度固定为...45 android:layout_marginBottom="30dp" 46 /> 47 48 2、分别写下长方形和圆形状态时对应的背景文件...,即drawable类型的shape属性 (1)圆形,圆角为25dp(因为宽度为50dp,设置一半数值即为圆形效果), 背景绿色,再加一个白色的边,为了效果好看些 1 圆角自己写一个,完整代码请到最后查看 3、动画的实现方法,以长方形到圆形为例,只需依赖ValueAnimator.ofInt()方法设置数值从25dp到屏幕宽度-两边边距即可 1

    1.1K20

    官方FlowLayout的使用,以及使用TagFlowLayout的一个问题

    问题 一直使用的是鸿洋的TagFlowLayout,用于显示标签的自动换行问题。 但最近遇到一个问题: 如果内容过长则右边的内容会缺一块,如果是一个圆角背景则会被切掉一点。...需要注意的是,官方的也不能在添加的view上加左右的margin,否则也会出现上述问题,而TagFlowLayout也是代码里添加了增加margin造成的。...textView = (TextView) View.inflate(flowLayout.getContext(), R.layout.layout_navi_tag, null);...textView.setText(Html.fromHtml(beanList.get(i).getTitle())); flowLayout.addView(textView)...完整路径名:android.support.design.internal.FlowLayout app:itemSpacing 未知原因不能直接关联属性 不能在view里直接设置 margin ,会出现圆角背景会被切掉的问题

    6.3K20

    二维码服务拓展(支持logo,圆角logo,背景图,颜色配置)

    本片博文拓展的功能点: 支持在二维码中间添加logo logo样式选择:支持圆角/直角logo,支持logo的边框选择 二维码颜色选择(可自由将原来的黑白色进行替换) 支持背景图片 支持探测图形的前置色选择...背景图支持 前面两个涉及到二维码本身的修改,接下来的背景 & logo则基本上无二维码无关,只是图片的操作而已,背景图支持,即将背景图作为图层,将二维码渲染在正中间即可 对于图片的覆盖,直接借用 java.awt...根据置顶的背景图大小,对原背景图进行缩放 将目标图片(二维码)绘制在背景图正中间 其中,我们对二维码的覆盖设置了透明度为0.8,确保不会完全覆盖背景图,导致完全看不到背景是什么,此处如有其他的需求场景可以进行可配置化处理...4. logo支持 其实logo的支持和背景的支持逻辑基本没什么差别,都是将一个图绘制在另一个图上 具体的实现如下, 先无视logo样式的选择问题 /** * 在图片中间,插入圆角的logo *...圆角边框的图片 上面实现圆角图片之后,再考虑生成一个带圆角边框的图片就很简单了,直接绘制一个大一号的存色边框,然后将圆角图片绘制上去即可 /** * * 生成圆角图片 & 圆角边框 *

    2.6K100
    领券