志在指尖
用双手敲打未来

Android实现图片的三角形边框

在每一个图片的某一侧都能够展示出一个三角形的边框视图,就是我们的三角形标签视图。这个视图在电商类APP傍边比较常用,使用过ebay的同学应该都还记得有些产品的左上角或者右上角都会显示一个三角形的边框,用于给人一个直观的产品正在促销,或者刚刚上线的直观感受。我们能够看看完成后的效果如下:
在真实的APP傍边,我们还会加上一个SrcollView控件,这姿态才能够进行不断地上下浏览。我们这里主要是为了让大家明白这个视图是该怎么完成的,就不演示SrcollView控件下的做法了,直接在线性布局下做一个简单的阐明。由于在线性布局上面一共具有四张图,因而我们能够先单独编写每一个imageview的自定义view,然后的语法将他们组合起来,这样能够进步UI开发的功率,进行协同工作与开发。首先我们先完成左上角和右上角的triangleview.
在build.gradle文件傍边相应当地添加如下代码,导入相应的maven库:Android
allprojects{
repositories{

maven{url”https://jitpack.io”}
}
}
之后在另一个build.gradle文件傍边添加库:
dependencies{
implementation’com.github.shts:TriangleLabelView:1.1.2′
}
我们的前期工作就这样做好啦,现在就开端正式编写我们的每一个三角形边框视图啦,首先是第一个坐落左上角的视图
一.card_left_top.xml:
<?xmlversion=”1.0″encoding=”utf-8″?>
<android.support.v7.widget.CardViewxmlns:android=”http://schemas.android.com/apk/res/android”
xmlns:app=”http://schemas.android.com/apk/res-auto”
android:layout_width=”match_parent”
android:layout_height=”match_parent”>
<RelativeLayout
android:layout_width=”match_parent”
android:layout_height=”match_parent”>
<ImageView
android:id=”@+id/image”
android:scaleType=”centerCrop”
android:src=”@drawable/s_image_2″
android:layout_width=”match_parent”
android:layout_height=”match_parent”/>
<jp.shts.android.library.TriangleLabelView
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:layout_alignParentLeft=”true”
android:layout_alignParentTop=”true”
app:backgroundColor=”@color/yellow_900″
app:corner=”leftTop”
app:labelBottomPadding=”5dp”
app:labelCenterPadding=”0dp”
app:labelTopPadding=”10dp”
app:primaryText=”New”
app:primaryTextColor=”@color/yellow_500″
app:primaryTextSize=”16sp”
app:secondaryText=”01″
app:secondaryTextColor=”@color/yellow_100″
app:secondaryTextSize=”11sp”/>
</RelativeLayout>
</android.support.v7.widget.CardView>

未经允许不得转载:IT技术网站 » Android实现图片的三角形边框
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

志在指尖 用双手敲打未来

登录/注册IT技术大全

热门IT技术

C#基础入门   SQL server数据库   系统SEO学习教程   WordPress小技巧   WordPress插件   脚本与源码下载