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

Android实现图片一边三角形边框效果

这个视图在电商类APP当中比较常用,使用过ebay同学应该都还记得有些商品左上角或者右上角都会显示一个三角形边框,用于给人一个直观商品正在促销,或者刚刚上线直观感受。...我们这里主要是为了让大家明白这个视图是该如何实现,就不演示SrcollView控件下做法了,直接在线性布局下做一个简单说明。...由于在线性布局上面一共具有四张图,因此咱们可以先单独编写每一个imageview自定义view,然后<include 语法将他们组合起来,这样可以提高UI开发效率,进行协同工作与开发。...</android.support.v7.widget.CardView 编写好后在preview当中显示如下: ?...下面是位于右上角视图 二.card_right_top.xml: <?xml version="1.0" encoding="utf-8"?

65020

Android设置控件阴影三种方法

第二种方式:CardView 今天有空学习了下CardView使用,既然是使用,不凡使用一个实例操作一下 CardView是Android5.0新控件,所以我们需要在dependencies添加支持...: compile ‘com.android.support:cardview-v7:26.0.0’ CardView是继承FrameLayout一个布局控件,从源码可以看出CardView支持属性有...card_view:cardPreventConrerOverlap 在V20和之前版本添加内边距,这个属性为了防止内容和边角重叠 我们看一下今天要实现效果图: ?...有兴趣朋友可以尝试使用ViewPager+CardView实现卡片画廊效果 其实CardView使用相当于加了一个布局使用,其CardView里面内容实现,还是在布局设计 银行卡布局: <...</RelativeLayout 特别注意是:使用CardView属性时,记得加上命名空间声明 xmlns:app=”http://schemas.android.com/apk/res-auto

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

一个卡片式ViewPager,带你玩转ViewPagerPageTransformer属性!

属性,可以用来设置多余部分显示位置,我这里举一个简单例子,比如喜马拉雅FM这个应用首页: 大家注意看这个应用底部导航栏中间一个是要比另外四个高,这种效果很多人就会想到使用一个RelativeLayout...4.进一步了解PagerTransformer 上面是一个简答效果,遵循这个思路,我们可以做出更多效果,比如下面这个效果: 这是一个非常常见效果,实现思路和前文一致,就是让ImageView动态缩放...5.ViewPager结合CardView 如果你还不会使用CardView,可以参考我之前文章Android5.0之CardView使用,那今天我们来看看ViewPager结合CardView会产生怎样效果呢...这个CardViewViewPager我们就使用这种方式来实现。先来看看效果图: 整体思路和上文其实是一致,我们来看看activity布局: ViewPager每一个item布局: <?

1.2K20

性能优化之布局优化记录

gpu绘制 做开发时间长了之后,收集后台bug,发现很多都是OOM(Out Of Memory Killer)。性能优化这时候成为了重点,下面是自己项目中布局优化记录,希望对大家有所帮助。...父布局 对于ViewGroup选择问题:推荐FrameLayout > LinearLayout > RelativeLayout(为了优化布局RelativeLayout会调用childrenView...布局优化标签 1、:常用于布局公共部分提取出来供其他layout共用,以实现布局模块化,这在布局编写方便提供了大大便利。...比较直观感觉是:在设置里打开显示布局边界后,如果不是使用标签,GONE掉后,加载布局还是会有颜色显示,而使用了此标签后颜色会消失。...使用前 使用后 3、:在使用了include后可能导致布局嵌套过多,多余不必要layout节点,从而导致解析变慢,不必要节点和嵌套可通过hierarchy viewer(下面布局调优工具中有具体介绍

41920

Android属性动画实现图片从左到右逐渐消失

onAnimationStart(Animator animation) { } @Override public void onAnimationEnd(Animator animation) { //当图片发生点击时可以通过下面代码将图片复位到原来位置...</RelativeLayout item_anim.xml: <?...ImageView父容器为圆角布局的话,那就采用CardView,通过改变其属性 app:cardCornerRadius=”15dp” 实现,不要使用其他诸如LinearLayout父容器,设置其...这个实现我们首先需要在图片点击事件判断当前动画是否还是运行isRunning(),如果运行的话调用animatorcancel()方法取消动画,然后进行图片位置复位;如果我们不进行复位操作,...start(); 下面这种方式就是比较老实方式,但是我们可以通过将其赋值给一个全局变量进行动画操控(pause() cancel()) animator = ObjectAnimator.ofFloat

1.8K40

鸿洋AutoLayout代码分析(一):原因和使用

---- 简单描述 android适配比较麻烦,通常简单适配有 图片适配 不同像素密度屏幕,加载不同路径,相同名称图片 dimens适配 不同像素密度屏幕,加载不同宽高配置 layout布局配置...不同像素密度屏幕,加载不同界面 java代码配置(很少整体使用,一般是局部一个组件) 通过java代码来获取当前手机宽高像素,按比例分配对应宽高 代码适配,虽然第一次写比较麻烦, 但是之后就会很省事情...,去做其他尺寸适配 第二步,让你 Activity 继承自 AutoLayoutActivity,或者将 LinearLayout -> AutoLinearLayout RelativeLayout...当然也可以写一些公用常量和方法 (具体自己看Application定义) 大体可以明白,这里用于一些初始化操作 扩展,其他继承系统FrameLayout、LinearLayout、RelativeLayout...控件,比如CardView 自己可以写对应代码 public class AutoCardView extends CardView { private final AutoLayoutHelper

74630

Android RecyclerView从入门到玩坏

:26.1.0' implementation 'com.android.support:recyclerview-v7:26.1.0' 之后在布局文件写入如下代码就引入了RecyclerView了...布局类 效果 LinearLayoutManager 以垂直或水平滚动列表方式显示项目 GridLayoutManager 在网格显示项目 StaggeredGridLayoutManager 在分散对齐网格显示项目...点击 ---- 搭配CardView 是不是这个点击看着没啥感觉, 没事, 我们换上CardView再来一次. 布局文件: <?...GridLayoutManager布局是可以设置宽度, 不一定都是一样大, 来看下实现. // 指定item宽度 gridLayoutManager.setSpanSizeLookup(new...设置宽度 当然了, 我还是很喜欢这个分隔线, 我们来看看横着滚动效果. 布局文件要改动: <?xml version="1.0" encoding="utf-8"?

2K30

再不迁移到Material Design Components 就out啦

attr/borderlessButtonStyle” ... /> 之所以出现这种情况是因为,在填充布局时候,会自动将我们布局普通控件替换成 MDC 控件。...但是我们意识到这可能并不适合您品牌和设计系统。...下面这几种情况应该考虑 在布局控件如果有对应 MDC 控件的话,直接使用 MDC 控件 任何风格,默认风格和默认风格属性应该改变成 MDC 版本 在编程或者自定义类父级类使用任何控件都应该为...要了解哪些小部件使用哪种颜色,需要检查源代码默认小部件样式。 AppCompat和框架还存在一些颜色,但不再适用于此新系统。该Theme.MaterialComponents....要了解哪些窗口小部件适用于哪些形状类别,需要检查源代码默认窗口小部件样式。 控件背景 实现此功能类为 MaterialShapeDrawable.

3.1K30

Android 百度翻译API(详细步骤+源码)

然后找到你APP ID,这个很重要,要在项目中使用。 ? 官方我文档我就不去介绍了,用自己理解来写。现在已经有了这个APP ID了,服务也开通好了,下面创建测试项目。...文章只是简单使用而已,这里先说明,然后Sync。 然后在AndroidManifest.xml添加网络访问权限 <!...下面可以进入到正式编码环节了。激动心,颤抖手,我相信你已经迫不及待了吧,当然我会尽我所能讲清楚每一个环节,哪怕你觉得我啰嗦也好。 三、编码 1....要想软件过得去,页面总得带点绿,这就是Google直男审美。下面我都要改成白色,并且去掉它默认顶部ActionBar。...初始化控件 在MainActivity,声明变量 private LinearLayout beforeLay;//翻译之前布局 private NiceSpinner spLanguage

2.2K41

Material Design 实战 之第四弹 —— 卡片布局

卡片式布局也是MaterialsDesign中提出一个新概念,它可以让页面元素看起来就像在卡片中一样,并且还能拥有圆角和投影,下面我们就开始具体学习一下。...CardView(这里用于作为recycleview子项,用于显示水果) 1.1 实际上,CardView也是一个FrameLayout,只是额外提供了圆角和阴影等效果,看上去会有立体感觉...正文 ---- CardView 首先这里准备用CardView来填充主题内容, CardView用于实现卡片式布局效果重要控件,由appcompat-v7库提供。...> 这里使用了CardView来作为子项最外层布局,从而使得RecyclerView每个元素都是在卡片当中。...CardView由于是一个FrameLayout,因此它没有什么方便定位方式,这里只好在CardView再嵌套一个LinearLayout,然后在LinearLayout中放置具体内容。

2.1K10
领券