Zig zag View是美化Android应用程序中用户体验的另一个最佳功能。您可以在大多数电子商务应用程序中看到此Zig zag视图。之字形视图的主要用途是在应用程序中制作引人注目的横幅广告。或者在此视图中显示图像和文本。在本文中,我们将了解如何在Android中实现Zig zag View。下面给出了一个示例图像,以使您对本文中要做的事情有一个了解。
之字形视图的应用
- 之字形视图的主要用途是在Android应用中显示引人注目的横幅广告。
- 借助此之字形视图,我们可以以各种模式显示图像和文本。
- 在应用程序中使用锯齿形视图可美化用户体验。
锯齿形视图的属性
Attributes |
Description |
---|---|
zigzagBackgroundColor | To give background color. |
zigzagPadding | To give padding from all sides. |
zigzagPaddingRight | Give padding from the right. |
zigzagPaddingLeft | Give Padding from Left. |
zigzagPaddingTop | Give Padding from Top. |
zigzagPaddingBottom | Give Padding from Bottom. |
zigzagSides | To give Zig zag pattern from sides (left, right, top, bottom). |
zigzagHeight | height of zigzag jags |
zigzagElevation | side of shadow |
分步实施
步骤1:创建一个新项目
要在Android Studio中创建新项目,请参阅如何在Android Studio中创建/启动新项目。
步骤2:在build.gradle文件中添加库的依赖项
首先导航到gradle这个脚本,然后到的build.gradle(项目)的水平。在allprojects {}部分中添加下面给出的行。
maven { url “https://jitpack.io” }
然后导航到gradle脚本,然后建立build.gradle (模块)级别。在依赖性部分的build.gradle文件中添加以下行。
implementation ‘com.github.beigirad:ZigzagView:1.2.0’
在添加依赖后点击“立即同步”在右上角选择同步的项目。
步骤3:在activity_main.xml中创建一个新的Zigzag视图
转到activity_main.xml文件,并参考以下代码。以下是activity_main.xml文件的代码。
XML
现在单击运行按钮。构建Gradle需要一些时间。您将在设备上获得如下所示的输出。