手把手教你怎么写一个收藏的底部弹窗（使用自定义view）

最新推荐文章于 2022-08-15 14:39:27 发布
最新推荐文章于 2022-08-15 14:39:27 发布
阅读量282 收藏
点赞数
分类专栏： Objective-C
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/KevinAshen/article/details/85038839
版权

介绍

  • 这个UI的参考图可以看第一张图
  • 简单来说效果就是：
    • 弹出一个View
    • view以外的界面需要变黑

参考文章

实现思路

  • 这里其实取了个巧，实际上是盖上一个屏幕那么大的view，将这个view的背景颜色设置成暗色，名字叫A
  • 然后在A的下半段增加一个小的ViewB，实现该效果
  • 这样子最大好处就是正好顺便实现了弹出时，不能滑动整个页面（因为被A盖住了。。。）
  • 弹出时加个动画就行

具体代码

在这里插入图片描述
在这里插入图片描述

太阳骑士索拉尔
关注
专栏目录
手把手教你写一个RPC框架（一）
weixin_43395911的博客
12-09 2680
一 写在前面 最近在公司中进行开发，均是采用分布式微服务的开发方式，不同的微服务之间采用RPC框架进行通信与数据调用。通常在开发一个接口时，会需要调用其他微服务的接口，从而获取想要的数据，因为有了RPC框架，调用其他服务的接口非常方便，就像调用本地方法一样简单。于是我非常想学习RPC框架的原理并且自己实现一个RPC框架，为了记录这个过程，有了这个系列的文章。感兴趣的小伙伴们，记得一键三连～ 二 RPC框架 ...
手把手带你画一个漂亮蜂窝view Android自定义view
旋转 跳跃 然后 团灭
01-21 7000
上一篇做了一个水波纹view  不知道大家有没有动手试试呢点击打开链接 这个效果做起来好像没什么意义，如果不加监听回调 图片就能直接替代。写这篇博客的目的是锻炼一下思维能力，以更好的面多各种自定义view需求。 转载请注明出处：http://blog.csdn.net/wingichoy/article/details/50554058 本文是和代码同步写的。也就是说
微信小程序之自定义底部弹出框动画
weixin_30670965的博客
08-16 348
最近做小程序时，会经常用到各种弹框。直接做显示和隐藏虽然也能达到效果，但是体验性太差，也比较简单粗暴。想要美美地玩，添加点动画还是非常有必要的。下面做一个底部上滑的弹框。 wxml <view class="modals modals-bottom-dialog" hidden="{{hideModal}}"> <view class="m...
底部弹出框
小温的专栏
07-15 463
底部弹出框简单的底部弹出框实现在项目中经常用到底部弹出框或者其他地方的弹出框，今天用到了，在此记录下，用到的是 Dialog 来进行显示的。 先来看看效果吧！当然也可以用 PopupWindow，但是 Dialog 简单些，所以就用来了，废话别多说，说说主要做些什么吧！ 步骤： 创建一个 Dialog mDialog = new Dialog( MainActivity.this, R.styl
弹窗v-viewer点击第二次后没办法预览图片
废大叔的博客
02-12 876
弹窗v-viewer点击第二次后没办法预览图片， viewer.update() 没用 viewer.destroyed()加viewer.update()也没用 既然viewer可以销毁，为什么不把弹窗给销毁呢？ 命名一个refresh：true 当控制组件弹出的modals为false，refresh也为false，第二次打开的时候预览图片也能预览了 ...
ios antd-mobile弹窗始终位于wxImageViewer上方bug
kaluliluary的博客
09-02 479
移动端用了antd-mobile的modal组件 modal里面用了wxImageViewer预览图片 但是在ios上，弹窗始终在预览的图片上层，安卓则是正常的 检查css，modal自带zindex为999；wxImageViewer设置的10000； 原来是因为antd给modal设置了transform： translateZ（1px）； 而在ios上，translateZ的优先级高于zindex ...
自下而上弹出窗口view
ilovedogys的博客
08-31 154
public class SelectSpecificationsLayout extends LinearLayout { private Matrix mTopMatrix; private int offset = 40; //动画时长 private int duration = 150; public View mTopView; public View mBottomView; public List<View> view.
Android自定义view之画圆环(手把手教你如何一步步画圆环)的示例
06-19
7. **使用示例**：在项目中，只需在XML布局文件中添加自定义View，并设置相关属性（如颜色、半径等），然后在代码中调用提供的方法来更新进度，即可实现一个自定义的圆环进度条。 总结来说，这个“Android自定义...
vue使用v-viewer插件做图片展示预览遇到弹框再次打开无法预览图片问题
向着太阳微笑
09-16 2358
使用element-ui框架；v-viewer图片预览插件； 问题描述： 列表中点击查看详情，e-dialog弹框查看详情；弹框中有多张图片； 列表刷新后，首次点击查看详情时；点击图片预览放大正常；关闭弹框后再次打开查看详情；点击图片无反应； 挠头一小时，头发掉一地！！！ 经过大量比对。最后发下其问题所在：（就是技术菜） 下面是有问题的代码片段： <el-form-item label="渠道结算截图"> <viewer> <img v-for="
完善项目，点击收藏出现弹窗
weixin_50736511的博客
03-06 86
许多地方都用到了弹窗所以应该把弹窗设置为l一个组件，组件里面显示的内容和是否显示都应该动态传入 可是添加商品内容的方法都在vuex里面，如果要判断此商品是否在收藏的数组里面也需要在vuex里面，所以需要从vuex里面给detail组件传值，就需要在actions里面return一个promise 先来看一下弹窗组件 、需要动态传入 toshow（是否显示）message（显示的内容） ...
安卓弹窗基类，基于自定义View
qq_30883949的博客
08-15 942
安卓弹窗，基于自定义View，支持各种弹窗包括大图查看
iOS自定义从底部弹上来的View
smileZhangli的博客
11-16 2422
自定义蒙层弹起View，点击一下遮罩或界面上关闭按钮，页面会自动下去（从上向下）
微信小程序自定义底部弹出框
热门推荐
Pluto
12-22 3万+
微信小程序开发popup
IOS 自定义从底部弹上来的View
robinson_911的专栏
06-22 1万+
效果图： ／／从底部向上弹起的UIView类源码 #import "TFSheetView.h" @interface TFSheetView() { UIView *_contentView; } @end @implementation TFSheetView - (id)initWithFrame:(CGRect)frame { if (self == [
一个简单的底部弹窗的实现
qq_30299305的博客
05-30 1895
源代码地址：https://github.com/luoye123/Box东西很简单，我就之间亮代码了： 1、activity_main.xml<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:
Android自定义View_底部弹出Popuwindow
YuKuoYuan的博客
09-23 2072
从底部弹出PopuWindow在开发中是一个经常用到的问题,代码枯燥,又没有什么技术含量,我就把它封装了一下,以最简单的方式实现它. 看下效果图实现方式基础类package cn.yuan.xiaoyu.testmodule.view.picker;import android.content.Context; import android.graphics.Rect; import android
手把手教你实现Vue自定义弹窗Modal
1. 组件设计：弹窗组件应该是一个独立的、可复用的单元，可以包含标题、内容、按钮等元素，并且能够通过参数配置显示样式和行为。 2. 状态管理：弹窗的显示和隐藏状态需要被正确管理。在传统的模板语法中，可以使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值