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

这篇文章主要介绍了Android如何实现图片一边的三角形边框效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联建站专业网站制作、做网站,集网站策划、网站设计、网站制作于一体,网站seo、网站优化、网站营销、软文发稿等专业人才根据搜索规律编程设计,让网站在运行后,在搜索中有好的表现,专业设计制作为您带来效益的网站!让网站建设为您创造效益。

在每一个图片的某一侧都可以展示出一个三角形的边框视图,就是咱们的三角形标签视图。这个视图在电商类APP当中比较常用,使用过ebay的同学应该都还记得有些商品的左上角或者右上角都会显示一个三角形的边框,用于给人一个直观的商品正在促销,或者刚刚上线的直观感受。我们可以看看实现后的效果如下:

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

 在真实的APP当中,我们还会加上一个SrcollView控件,这样子才可以进行不断地上下浏览。我们这里主要是为了让大家明白这个视图是该如何实现的,就不演示SrcollView控件下的做法了,直接在线性布局下做一个简单的说明。由于在线性布局上面一共具有四张图,因此咱们可以先单独编写每一个imageview的自定义view,然后的语法将他们组合起来,这样可以提高UI开发的效率,进行协同工作与开发。首先咱们先实现左上角和右上角的triangle view.

在build.gradle文件当中相应地方添加如下代码,导入相应的maven库:

allprojects {
    repositories {
      ...
      maven { url "https://jitpack.io" }
    }
}

之后在另一个build.gradle文件当中添加库:

dependencies {
      implementation 'com.github.shts:TriangleLabelView:1.1.2'
  }

咱们的前期工作就这样做好啦,现在就开始正式编写咱们的每一个三角形边框视图啦,首先是第一个位于左上角的视图

一.card_left_top.xml:




  
    
    
  

编写好后在preview当中显示如下:

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

下面是位于右上角的视图

二.card_right_top.xml:




  
    
    
  

三.card_right_buttom.xml:




  
    
    
  

四.card_left_buttom.xml:




  
    
    
  

最后咱们整合一下就OK啦!整合后的主活动的代码为:

五.activity_main.xml:



 
    
    
  
  
    
    
  

帅照:

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

感谢你能够认真阅读完这篇文章,希望小编分享的“Android如何实现图片一边的三角形边框效果”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


当前标题:Android如何实现图片一边的三角形边框效果
文章转载:http://hbruida.cn/article/pcpdcc.html