至于自定义cell删除效果,奶妈必做的B套

By admin in 4858美高梅 on 2019年4月13日

先看功能:

DNF12月二二日有啥样史诗改版,
DNF史诗改版后属性1览。下边跟着小编1起来探望吧!

dnfB套改版,相信大家明白到了前期B套会改版的,那么B套改版成怎么着样子了吧?下边笔者就为大家带来dnfB套改版属性预览,喜欢的玩家能够进去看看,希望能够协助到大家。

先是分析一下系统cell删除的职能

一、手指轻轻划过和手指拖动,都能滑动视图透露删除按钮
二、视图滑动停止有回弹效果
3、手指一贯左滑,视图会一贯左移动,最终回弹至删除按钮左侧
四、左滑三遍透露删除按钮,再左滑就过来起来状态
五、流露删除按钮后,右滑和滚动tableView列表都能使该cell复苏起来状态

4858美高梅 1

内容目录:八伍史诗防具改版、捌伍级首饰改版、90级首饰改版、职业武器改版(鬼剑士、神枪手格斗家、魔法师、圣职者、暗夜使者、魔枪士)、90史诗防具改版(90b套、90a套)

dnfB套改版属性预览

自定义删除cell

0、系统除去操作的动画细节很多,不只二个单一手势就能到位,所以大家只模仿主要交互动画,完结删除功效即可
壹、滑入手势:我们能想到的有UIPanGestureRecognizer和UISwipeGestureRecognizer,大家一般用UIPanGestureRecognizer实现视图拖拽效果,而系统除去效果中手指轻扫一下就可以了,所以大家选用轻扫,遗弃平移里在手指运动中,cell会跟起初指平移拖拽的法力,因为用多个手势的话,既费时也要认清好多景观,没要求完全实现系统机能
1.1清扫手势在用的时候,还真因为无知跳了3个坑,不像别的手势那么简单,创制添加然后判断状态怎样的就足以,一个UISwipeGestureRecognizer只好识别三个大方向,所以大家那里要用到左滑和右滑就务须添加四个UISwipeGestureRecognizer

    UISwipeGestureRecognizer *leftSwipe = [[UISwipeGestureRecognizer   
                       alloc]initWithTarget:self action:@selector(swipeGesture:)];
    [leftSwipe setDirection:UISwipeGestureRecognizerDirectionLeft];
    [self.contentView addGestureRecognizer:leftSwipe];

    UISwipeGestureRecognizer *rightSwipe = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipeGesture:)];
    [rightSwipe setDirection:UISwipeGestureRecognizerDirectionRight];
    [self.contentView addGestureRecognizer:rightSwipe];

1.2 UISwipeGestureRecognizer target方法

-(void)swipeGesture:(UISwipeGestureRecognizer*)gesture{

    if(gesture.direction == UISwipeGestureRecognizerDirectionLeft){ //右扫

        NSLog(@"左扫");
        [self animateBottomView];

    }else{

        [self animateBottomView];

    }
}

2、视图平移动画,有回弹效果:很简短,既然大家选拔了轻扫,当识别手势左滑的时候(那里肯定是首先次左滑,依据视图当前的originalX判断),利用UIView的animate动画完毕视图X轴的改动就能够,回弹效果正是左移截止往右滑了弹指间嘛,非常快的右滑一下

-(void)animateBottomView{
    _deleteBtn.hidden = NO;
    CGRect rect = _bottomView.frame;
    if (rect.origin.x == originalX) {   // 原位置

        [UIView animateWithDuration:0.5 animations:^{

            CGRect frame = CGRectMake(originalX-CGRectGetWidth(_deleteBtn.frame)-5, rect.origin.y, rect.size.width, rect.size.height);
            _bottomView.frame = frame;

        } completion:^(BOOL finished) { //动画结束,回弹效果
            [UIView animateWithDuration:0.1 animations:^{
                CGRect frame = CGRectMake(originalX-CGRectGetWidth(_deleteBtn.frame), rect.origin.y, rect.size.width, rect.size.height);
                _bottomView.frame = frame;
            }];
        }];

    }else if (rect.origin.x < originalX){ //此时状态是露出删除按钮的状态,恢复初始状态
        [UIView animateWithDuration:0.5 animations:^{
            CGRect frame = CGRectMake(originalX, rect.origin.y, rect.size.width, rect.size.height);
            _bottomView.frame = frame;
        } completion:^(BOOL finished) {
            _deleteBtn.hidden = YES;
        }];
    }
}

4858美高梅 2

4858美高梅 3

4858美高梅 4

总结

由此看来,我们是透过控制2个view的滑行去使尾部的删减按钮透露来,那么不论是如何的删除效果,删除按钮要以何种格局流露来就都不成难题了

4858美高梅 5

dnf最棒棒球手套装改版

上衣:

就以此成效。当你点击右上角的删除按钮,会去除掉item一。

4858美高梅 6

增加产量45点力量1-八5技能+一(最多叠加一回)

上代码:

dnf誓血之盟铠甲套装改版

去除收缩4维效果

4858美高梅 74858美高梅 8

4858美高梅 9

裤子:

  1 <!DOCTYPE html>
  2 <html>
  3 
  4 <head>
  5     <meta charset="utf-8">
  6     <title></title>
  7     <style type="text/css">
  8         .central {
  9             /* 利用绝对定位和flex实现居中 */
 10             position: absolute;
 11             top: 0px;
 12             right: 0px;
 13             bottom: 0px;
 14             left: 0px;
 15             margin: auto;
 16             width: 50%;
 17             height: 80%;
 18             background-color: antiquewhite;
 19             /* 居中效果结束 */
 20 
 21             display: flex;
 22             flex-direction: column;
 23             /* 垂直排列 */
 24             /* 与justify-content相同的方式在侧轴方向上将当前行上的弹性元素对齐。也就是上下居中 */
 25             align-items: center;
 26             /* 居中排列,水平方向 */
 27             justify-content: center;
 28         }
 29 
 30         #pop_div {
 31             background-color: #F6F6F6;
 32             width: 60px;
 33             height: 60px;
 34             border-radius: 30px;    /* 用边框半径实现圆形div */
 35             text-align: center;
 36             line-height: 60px;
 37             outline: none;
 38             font-size: 30px;
 39             color: #C4C6C7;
 40         }
 41 
 42         #pop_div:hover {
 43             cursor: pointer;        /* 当鼠标移动到标签上是,自动变成手指形状 */
 44         }
 45 
 46         .add_item {
 47             background-color: #F6F6F6;
 48             width: 60px;
 49             height: 60px;
 50             border-radius: 30px;
 51             text-align: center;
 52             line-height: 60px;
 53             outline: none;
 54             font-size: 10px;
 55             color: #C4C6C7;
 56         }
 57 
 58         .btn_delete {
 59             position: relative;
 60             float: right;
 61             right: 0px;
 62             top: 0px;
 63             width: 20px;
 64             height: 20px;
 65             border-radius: 10px;
 66             outline: none;
 67             border: none;
 68             cursor: pointer;
 69         }
 70 
 71         .hide_div {
 72             position: absolute;
 73             top: 0px;
 74             right: 0px;
 75             bottom: 0px;
 76             left: 0px;
 77             margin: auto;
 78             width: 100%;
 79             height: 100%;
 80 
 81             display: none;  /* 显示方式:none(标签不显示) */
 82             background-color: rgba(194, 195, 201, 0.7);     /* 实现半透明北京,0.7代表不透明度 */
 83         }
 84 
 85         .hide_div div {
 86             cursor: pointer;
 87         }
 88     </style>
 89 </head>
 90 
 91 <body>
 92     <div class="central">
 93         <div id="panel"></div>
 94         <div id="pop_div" title="添加" onclick="popDiv();">+</div>
 95     </div>
 96     <div id="hide_div" class="hide_div">
 97         <div id="item1" onclick="itemClick('item1');">item1</div>
 98         <div id="item2" onclick="itemClick('item2');">item2</div>
 99         <div id="item3" onclick="itemClick('item3');">item3</div>
100         <div id="item4" onclick="itemClick('item4');">item4</div>
101         <div id="item5" onclick="itemClick('item5');">item5</div>
102     </div>
103     <script>
104         function popDiv() {
105             // alert("将要弹出一个div");
106             var vardiv = document.getElementById("hide_div");
107             vardiv.style.display = "flex";
108             vardiv.style.flexDirection = "column";
109             vardiv.style.justifyContent = "center";
110             vardiv.style.alignItems = "center";
111             // vardiv.onclick = itemClick;
112         }
113 
114         function itemClick(item) {
115             var text = document.getElementById(item).innerHTML; /* 获取元素html属性返回string */
116             // alert(text);
117             var vardiv = document.getElementById("hide_div");
118             vardiv.style.display = "none";
119             addElementToHtml(text);
120         }
121 
122         var index = 0;
123         function addElementToHtml(text) {
124             // 判断是否已经存在这个id的标签
125             if (null != document.getElementById(text + "_p")) {
126                 alert('不能重复添加...');
127                 return;
128             }
129 
130             // 创建一个p标签,设置属性
131             var p = document.createElement('p');
132             p.id = text + "_p";
133             p.innerHTML = text;
134             p.className = "add_item";
135 
136             // 创建一个input标签,设置属性
137             var btnDel = document.createElement('input');
138             btnDel.type = 'button';
139             btnDel.value = '×';
140             btnDel.title = "删除";
141             btnDel.className = "btn_delete";
142 
143             // 绑定删除按钮删除事件
144             btnDel.onclick = function () {
145                 // alert("将删除" + this.parentNode.id + "标签及子标签...");
146                 this.parentNode.parentNode.removeChild(this.parentNode); /* 首先要找到要删除节点的父节点,然后通过父节点才能删除自己 */
147             };
148 
149             // 添加删除按钮到p标签中
150             p.appendChild(btnDel);
151 
152             var panel = document.getElementById("panel");
153             panel.appendChild(p);
154         }
155     </script>
156 </body>
157 
158 </html>

dnf千蛛碎影套装改版

新增45点力量

View Code

8伍史诗防具改版

新增10%攻速,15%释放

 

暗魅之影套装

新增16%白字

上衣

新增12%可怜伤害

剔除伪装效果

去除原属强暴击效果

裤子

护肩:

删去伪装效果

新增35点力量

剔除15%爆伤加成

50级技能+1

增加产量1二壹物攻魔攻独立

16%黄字追加,1二%老大加害

新增4%爆追

去除原减防效果

护肩

腰带

删去伪装效果

新增26点力量,

增产6陆点物攻魔攻独立

50级技能+1

攻击效果改为:攻击时30秒内扩展一伍%攻速(最多叠加1遍,CD10秒)

至于自定义cell删除效果,奶妈必做的B套。1六%暴击追加伤害,1二%百般伤害

腰带

删除原减抗效果

剔除伪装效果

鞋子

除去攻击时扩充三攻效果

新增26点力量

新增物攻魔攻独立11陆

新增16%物魔独立,1二%相当伤害

鞋子

活动速度提成至1四%

去除伪装效果

删去原效劳

攻击时扩大壹五%攻速移动

4858美高梅 10

攻击时5%可能率增添20点全属强(持续30秒,CD10秒最多叠加一次)

三件套

杀意决套装

增加产量5%物魔暴击

上身:删除伪装效果

伍分之一具备攻击力变更为五分一力量智力

裤子:删除伪装效果


删去暴伤+1五%

4858美高梅 11

增加产量三攻+1二

上衣

增加产量爆追+四%

金属强18提升至22

护肩:删除伪装+爆击

1二%白字变为12%力量智力

双暴+5%变10%

裤子

新增3攻+6陆

按属强18<22

腰带:删除伪装

护肩

剔除攻击时3攻+100

新增8%释放

增加产量3攻+116.

光属强18提升至22

鞋子:删除伪装效果

腰带

去除背击时扩展攻击速度和质量强化

冰属强18提升至22

删除破招时增添攻击速度和个性强化

鞋子

增加产量攻击时30秒内攻击移动速度+15,cd10秒,不可叠加

火属强18提升至22

攻击时伍%概率有所属强+20

4858美高梅 12

套装:四维+125变150

三件套:

力智+10%变12%

删去7肆点物攻魔攻独立

伪装效果不断20 cd二5改成持续5,

新增一成物攻魔攻独立

剔除伪装时白字+3伍%,

五件套

增白字+35%

去除物攻魔攻独立八%

增加产量5%物爆魔爆


4858美高梅 13

上衣

没变

裤子

没变

护肩

没变

腰带

1八%最后危机

成为1捌%能力和智力

鞋子

没变

4858美高梅 14

套装效果没变


4858美高梅 15

上衣

剔除被击加害效果

除去减抗效果

白字升高至十分之一

强化或增长幅度提高最高到1二

增加产量1陆%不行加害

裤子

删除减抗效果

增加产量1陆%尤其伤害

护肩

增加产量三%技能加害

深化或增长幅度升高最多到1贰

腰带

除去暴击和矫揉造作效果

增产七%攻速移动百分之10保释

增加产量1二%力量智力

鞋子

没变

4858美高梅 16

三件套

增加产量3%物爆魔爆

说起底损害提高至25%

并改为无条件扩展

4858美高梅,五件套

新增柒%物爆魔爆

3伍%技能侵害改为无条件增加


4858美高梅 17

上衣

四伍能力四5智慧114体力6陆振奋(奶妈额外增添6陆智力)

增加产量一五%力量智力

除去无视仇敌民防空御机能

裤子

4五能力四五智慧114体力6陆振奋(奶妈额外扩大6陆智力)

物攻魔攻独立作用提高至17%

并职务触发

去除40级技能攻击力升高效益

护肩

35力量35智力21陆体力17陆焕发(奶妈额外扩大17陆灵气)

新增15%白字

除去技能攻击力效果

删除35技艺侵凌提高效益

腰带

2陆力量2陆智力九陆体力66精神(奶妈额外扩展66智力商数)

末段损害提高至一7%

除去30级能级提高效益

鞋子

贰陆力量二陆智力九陆体力6陆精神(奶妈额外增添6六智力商数)

活动速度调整为14%

新增一伍黄字追加侵害

除去暴击率进步效率

删除35技巧伤害升高效果

4858美高梅 18

三件套

暴击追加进步至2⑤%

五件套

新增5%攻速移动百分之十保释

新增1二%物爆魔爆

增加产量3伍%技艺侵凌

剔除十分之四终极风险效果

增加产量奶妈勇气祝福+5,觉醒+2

增加产量奶爸武器Smart和荣耀祝福+五觉醒+二

除去原有5件套中的帮衬成效

想要明白最新信息的能够加企鹅群:55208583

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有