介绍
这篇文章主要介绍了Android如何实现图片一边的三角形边框效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
在每一个图片的某一侧都可以展示出一个三角形的边框视图,就是咱们的三角形标签视图。这个视图在电商类应用当中比较常用,使用过易趣的同学应该都还记得有些商品的左上角或者右上角都会显示一个三角形的边框,用于给人一个直观的商品正在促销,或者刚刚上线的直观感受。我们可以看看实现后的效果如下:
,在真实的应用当中,我们还会加上一个SrcollView控件,这样子才可以进行不断地上下浏览。我们这里主要是为了让大家明白这个视图是该如何实现的,就不演示SrcollView控件下的做法了,直接在线性布局下做一个简单的说明。由于在线性布局上面一共具有四张图,因此咱们可以先单独编写每一个imageview的自定义观点,然后& lt; include>的语法将他们组合起来,这样可以提高UI开发的效率,进行协同工作与开发。首先咱们先实现左上角和右上角的三角形的观点。
在构建。gradle文件当中相应地方添加如下代码,导入相应的maven库:
allprojects { ,,,repositories { ,,,,,… ,,,,,maven {, url “https://jitpack.io",} ,,,} }
之后在另一个构建。gradle文件当中添加库:
dependencies { ,,,,,implementation & # 39; com.github.shts: TriangleLabelView: 1.1.2 # 39; 以前,,}>咱们的前期工作就这样做好啦,现在就开始正式编写咱们的每一个三角形边框视图啦,首先是第一个位于左上角的视图
一.card_left_top。xml:
& lt; ? xml version=?.0“,编码=皍tf-8" ?比; & lt; android.support.v7.widget.CardView  xmlns: android=癶ttp://schemas.android.com/apk/res/android" xmlns:才能应用=癶ttp://schemas.android.com/apk/res-auto" android:才能layout_width=癿atch_parent" android:才能layout_height=癿atch_parent"比; & lt;才能使用 ,,,android: layout_width=癿atch_parent" ,,,android: layout_height=癿atch_parent"比; ,,,& lt; ImageView ,,,,,android: id=癅 + id/image" ,,,,,android: scaleType=癱enterCrop" ,,,,,android: src=https://www.yisu.com/zixun/癅drawable/s_image_2” android: layout_width=" match_parent " android: layout_height=" match_parent "/>编写好后在预览当中显示如下:
下面是位于右上角的视图
二.card_right_top。xml:
& lt; ? xml version=?.0“,编码=皍tf-8" ?比; & lt; android.support.v7.widget.CardView  xmlns: android=癶ttp://schemas.android.com/apk/res/android" xmlns:才能应用=癶ttp://schemas.android.com/apk/res-auto" android:才能layout_width=癿atch_parent" android:才能layout_height=癿atch_parent"比; & lt;才能使用 ,,,android: layout_width=癿atch_parent" ,,,android: layout_height=癿atch_parent"比; ,,,& lt; ImageView ,,,,,android: id=癅 + id/image" ,,,,,android: scaleType=癱enterCrop" ,,,,,android: src=https://www.yisu.com/zixun/癅drawable/s_image_4” android: layout_width=" match_parent " android: layout_height=" match_parent "/>Android如何实现图片一边的三角形边框效果