首页 > 代码库 > 仿京东、天猫app的商品详情页的布局架构, 以及功能实现
仿京东、天猫app的商品详情页的布局架构, 以及功能实现
一、介绍
这个类是继承自ImageView的,所以对于这个控件我们可以使用ImageView的所有属性
二、使用准备, 在as 的 build.grade文件中写上
compile ‘com.android.support:design:22.2.0‘
三、使用说明
<android.support.design.widget.FloatingActionButton android:id="@+id/floatingActionButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:src="http://www.mamicode.com/@mipmap/ok" app:borderWidth="0dp" app:backgroundTint="#FF4011" app:rippleColor="#33728dff" app:elevation="8dp" app:pressedTranslationZ="16dp" />
可以看到我们使用了app属性,则需要在根容器中添加这个属性。
xmlns:app="http://schemas.android.com/apk/res-auto"
属性介绍:
1、app:borderWidth=""------------------边框宽度,通常设置为0 ,用于解决Android 5.X设备上阴影无法正常显示的问题
2、app:backgroundTint=""---------------按钮的背景颜色,不设置,默认使用theme中colorAccent的颜色
3、app:rippleColor=""--------------------点击的边缘阴影颜色
4、app:elevation=""----------------------边缘阴影的宽度
5、app:pressedTranslationZ="16dp"-----点击按钮时,按钮边缘阴影的宽度,通常设置比elevation的数值大
效果图:
仿京东、天猫app的商品详情页的布局架构, 以及功能实现
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。