android 卡片放大变详情页,ConstraintLayout动画实现布局卡片式滑动放大缩放

article/2025/9/16 16:50:55

ConstraintLayout(约束布局)是Android Studio 2.2中主要的新增功能之一,Android studio升级到2.3版本之后,不管是新建Activity或fragment,xml默认布局由RelativeLayout更改为ConstraintLayout了。

按照以往惯例先上效果图:

717d2723da11

GIF.gif

上图效果所示 根据手势滑动View 改变View的位置实现方法多种,此处记录下使用ConstraintLayout布局动画实现的过程(此篇笔记仅仅只记录应用demo,不讲解动画实现的原理,如有错误之处还望指正 3Q_):

1.首先保证Android studio升级到2.3版本之后,然后新建项目,编写xml布局(引用android.support.constraint.ConstraintLayout控件):

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@color/colorPrimary"

android:orientation="vertical"

tools:context="com.dawnling.app.MainActivity">

android:id="@+id/imgBack"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginLeft="8dp"

android:layout_marginTop="15dp"

android:layout_marginBottom="15dp"

app:srcCompat="@mipmap/ic_back" />

android:layout_width="match_parent"

android:layout_height="match_parent"

android:id="@+id/main">

android:id="@+id/rlTop"

android:layout_width="0dp"

android:layout_height="375dp"

android:background="@drawable/shape_bg_qrcode_transparent"

app:layout_constraintTop_toTopOf="parent"

android:layout_marginEnd="16dp"

app:layout_constraintLeft_toLeftOf="parent"

app:layout_constraintRight_toRightOf="parent"

android:layout_marginStart="16dp">

android:id="@&#


http://chatgpt.dhexx.cn/article/7e9Yrr6D.shtml

相关文章

破解联通HG8347R光猫

原文链接:https://youendless.com/post/unicom_cat 安装的联通宽带,自带的光猫设备型号HG8347R,看光猫后面可以清楚的看见这个设备是华为生产的,联通定制版本,后台管理页面基本只有设备重启这个功能了,其他所有的功能都被屏蔽,无法操作。自带光猫是不支持5G的,并且只有…

记一次MySql还原导致的无法连接

问题 昨天同事使用服务器的MySql数据库还原了一个5GB的备份,结果一直卡住,他就将数据库强行关闭,没再执行任何其他操作。 结果今天客户反馈登录异常。逐步排查,定位到是数据库无法访问。于是远程查看服务器,发现&…

iTerm 2 Oh My Zsh【DIY教程—亲身体验过程】完美替代教程汇总!

一年前,在搞终端的时候偶然一次机会,让我看到了各种强大的DIY界面,这让我很想去自己搞一个。于是在网上不断的寻找资源,也请教了大多数朋友。最终以失败告终。最近,本人又突然想起当时这件事,于是&#xff…

Windows Terminal美化:oh-my-posh配置记录

Windows Terminal美化:oh-my-posh配置记录 前置:安装Windows Terminal powershell,打开终端,默认路径为powershell。 这个流程踩了不少坑,记录在错误示范,正确的配置流程请移步配置流程。 [ 2023-3-13 ] …

存储卡修复软件测试自学,扩容内存卡用mydisktest失效,教你怎么用USBoot恢复出真实容量...

贪便宜在某宝花了14元包邮买了张32G的TF卡,购买之前不断强调如果是扩容卡卖家包邮退货,卖家都狠狠答应了,人家都这样讲了能不买吗?。 卡拿到手后先格式化,看属性还是32G,然后复制一个近8G的DVD镜像文件进去…

操作系统真象还原

整体框架 :mbr.S->loader.S:当os镜像被加载之后,cpu转去main的起止位置开始执行。(到目前为止,控制权已经掌握在自己手里) 接下来就要一步一步搭建起内核模块: 一:实现基本的输…

还原卡还原了数据能恢复吗_主动还原:我们可以更快地恢复吗? 快多了?

还原卡还原了数据能恢复吗 Hi! My name is Daulet Tymbayev, and today I want to share my experience of developing a system that (theoretically) is able to recover a disk much faster than traditional recovery. Let’s start from the beginning to cover all the p…

纯html 404页面,一款纯css3实现的漂亮的404页面_html/css_WEB-ITnose

一款纯css3实现的漂亮的404页面_html/css_WEB-ITnose 之前为大家分享了那些创意有趣的404页面, html5和css3打造一款创意404页面, HTML5可爱的404页面动画很逗的机器人。今天再给大家分享一款纯css3实现的漂亮的404页面。效果图如下: 在线预…

VUE 404页面的实现

效果图&#xff1a; 实现方式&#xff1a; 创建一个404的vue页面 <template><div class"wscn-http404-container"><div class"wscn-http404"><div class"pic-404"><imgclass"pic-404__parent"src"/…

Django配置404页面

目录 一.settings配置二.url设置三.views中设置四.最后附一个404页面的模板。 一.settings配置 1.首先需要在settings中将DEBUG由原来的True改为False DEBUG False2.需要设置 ALLOWED_OSTS ["*"]二.url设置 三.views中设置 def page_not_found(request,**kwarg…

收集的几个自定义的404页面的模板

文章目录 404pages : HTTP Status 404 – Not Found介绍&#xff1a;404页面分类&#xff1a;补充内容&#xff1a;致谢&#xff1a;声明 404pages : HTTP Status 404 – Not Found 介绍&#xff1a; 注&#xff1a;项目已上传到github&#xff1a;https://github.com/yanshen…

网站怎么自定义404页面

404页面是客户端在浏览网页时&#xff0c;服务器无法正常提供信息&#xff0c;或是服务器无法回应&#xff0c;且不知道原因所返回的页面&#xff0c;简单的说就是当别人访问你网站的某一个已经删除或不存在的网页的时候&#xff0c;服务器自动显示的页面。404页面对seo是有一定…

vue 中编写404页面

前言 今日给自己项目添加404页面时&#xff0c;踩了一点坑&#xff0c;分享给大家。 正文 <div class"_404"><h2 class"m-0">抱歉&#xff0c;页面未找到&#xff0c;<span>{{countDown}}</span>s后自动跳转到<a href"j…

hexo自定义404页面

1.找到你中意的404页面 推荐一款&#xff1a;https://404.life 预览保存&#xff0c;如果你看到其他喜欢的页面如何F12扒页面我就不教咯~ 2.hexo配置 2.1 把css和js放在博客下 我是放在这儿的&#xff0c;你也可以放在github&#xff0c;用jsd加速。 2.2 新建404.html 路…

缤纷多彩的404页面(404.html)

文章来源&#xff1a;https://www.skyqian.com/archives/404-Pages.html 一般而言&#xff0c;第一时间会在博客更新&#xff0c;CSDN随缘更新。 引言 别离滋味浓于酒。著人瘦。此情不及墙东柳。春色年年如旧。 ——勿埋我心 404是个很常见的页面&#xff0c;当该网站的内容搬迁…

html404页面怎么添加,网站要如何设置自定义404页面?

之前我们讲述过网站设置404页面对于优化或是用户体验的重要意义&#xff0c;大家可移步到《网站为什么要设置404页面》查看&#xff0c;今天我们讲解的是网站要如何设置自己的404页面。 现在大多数空间商都有了404设置的功能&#xff0c;我们可将404页面上传至空间里面&#xf…

phpstudy 404页面设置 也就是Apache404页面的设置

1&#xff0c;让apache支持.htaccess 我们要找到apache安装目录下的httpd.conf文件,在里面找到 <Directory /> Options FollowSymLinks AllowOverride none </Directory> 我们只要把蓝色字的none改all就重起apache就好了 如图&#xff1a; 2、找到httpd.conf文件…

个性404页面模板php,25个创意404页面,支持模板下载

对于SEOer来讲,一个好的404页面是很有必要的,既要让蜘蛛能识别出不需要的网页,也要让用户在访问到错误页面时感觉舒服,所以,在选择404页面时SEOer就纠结了,到底什么样的一款404页面是好的呢?或者说是合适的呢? 今天Kane就在这里整理了26款404页面,分别是五个类别,大部…

vue 页面跳转404_出现404页面怎么办?应该如何处理404页面?

当出现404页面怎么办?应该如何处理404页面?我们都知道404页面是用户在输入错误的链接时,显示的返回页面,但是作为SEOer来说,一切与用户有关的事,我们都不能忽略, 当用户已经点击进来,难道要因为出现的404页面而失去众多用户吗?不!这不是一个优秀的SEOer该做的事,下面…

html5 小游戏 404页面,原来404页面可以这样做

404页面是网站必备的一个页面,它承载着用户体验与SEO优化的重任。404页面通常为用户访问了网站上不存在或已删除的页面,服务器返回的404错误。如果站长没有设置404页面,会出现死链接,蜘蛛爬行这类网址时,不利于搜索引擎收录。 设置404页面的两大好处 1:引导用户不要关闭网…