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>

© 版权声明
好牛新坐标
版权声明:
1、IT大王遵守相关法律法规,由于本站资源全部来源于网络程序/投稿,故资源量太大无法一一准确核实资源侵权的真实性;
2、出于传递信息之目的,故IT大王可能会误刊发损害或影响您的合法权益,请您积极与我们联系处理(所有内容不代表本站观点与立场);
3、因时间、精力有限,我们无法一一核实每一条消息的真实性,但我们会在发布之前尽最大努力来核实这些信息;
4、无论出于何种目的要求本站删除内容,您均需要提供根据国家版权局发布的示范格式
《要求删除或断开链接侵权网络内容的通知》:https://itdw.cn/ziliao/sfgs.pdf,
国家知识产权局《要求删除或断开链接侵权网络内容的通知》填写说明: http://www.ncac.gov.cn/chinacopyright/contents/12227/342400.shtml
未按照国家知识产权局格式通知一律不予处理;请按照此通知格式填写发至本站的邮箱 wl6@163.com

相关文章