中秋深夜码字,完成了一个底部导航栏(Android自定义控件),一键添加图标和文字

关于我,欢迎关注
csdn博客:ccapton(http://blog.csdn.net/ccapton) 微信:Ccapton
Github: (https://www.github.com/ccapton)
个人博客:http://www.ccapton.cn

底部导航栏是Android和Apple应用很常见的设计元素,微信、微博、今日头条、简书等等很多app都用到了这个控件。以前自己写底部导航栏的时候,总觉得很麻烦,有一大堆xml文件要写,用java代码动态写布局就更烦了。于是有了自己做一个底部导航栏的想法,虽然这样的控件不难实现,但是也有很多要考虑的东西。


EasyNaviBar

Github https://github.com/Ccapton/EasyNaviBar

本来想加上点击后字体和图标的放大动画,但觉得有点花里胡哨了,于是这个想法就等以后再去实现了,但我又想到了加入消息提醒的显示模块BadgeView,于是乎就成这样了

代码什么的,我就不贴了,主体部分的代码精简后大概有600多行,挺烦的,功力还要提升才行,总觉得自己写的代码有点冗余

好的,以下是一个简单的关于中秋节的网页示例代码: HTML代码: ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>中秋节快乐!</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <h1>中秋节快乐!</h1> </header> <main> <section> <h2>中秋节简介</h2> <p>中秋节,又称“月夕”、“仲秋节”、“八月节”、“追月节”等,是中国传统的重要节日之一,时间在农历八月十五日。古时候,人们在这一天要赏月、吃月饼、猜灯谜、赏桂花等,现在也成为了亲朋好友团聚的日子。</p> </section> <section> <h2>中秋节传统食品</h2> <ul> <li>月饼</li> <li>柚子</li> <li>桂花糕</li> <li>莲蓉糕</li> </ul> </section> <section> <h2>中秋节习俗</h2> <ol> <li>赏月</li> <li>吃月饼</li> <li>猜灯谜</li> <li>赏桂花</li> </ol> </section> </main> <footer> <p>版权所有 © 2021 中秋节快乐!</p> </footer> </body> </html> ``` CSS代码: ``` body { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; } header { background-color: #f5d76e; padding: 20px; text-align: center; } header h1 { margin: 0; } main { padding: 20px; } section { margin-bottom: 20px; } h2 { margin-top: 0; } ul, ol { margin: 0; padding: 0; list-style: none; } ul li:before { content: "•"; margin-right: 10px; } ol li:before { content: counter(item) "."; counter-increment: item; margin-right: 10px; } footer { background-color: #e67e22; padding: 10px; color: #fff; text-align: center; } ``` 你可以将这些代码保存成两个文件,一个是 HTML 文件,一个是 CSS 文件,然后用浏览器打开 HTML 文件,就可以看到中秋节的网页了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值