首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【Flutter】底部导航页面框架 ( BottomNavigationBar 底部导航 | PageView 滑动页面 | 底部导航与滑动页面关联操作 )

; 设置当前索引 : BottomNavigationBar currentIndex 属性设置当前底部导航选中索引 , 为其设置一个变量 , 改变该变量值后 , 通过 setState 方法更新...UI 显示 ; 设置点击方法 : BottomNavigationBar onTap 属性设置点击方法 , 传入 index 索引 , 该索引值是被点击按钮索引 , 在该方法中主要操作当前 currentIndex...私有变量 , 即可控制 BottomNavigationBar 选中状态 ; BottomNavigationBar 主动设置选中状态 : 在 BottomNavigationBar onTap...= index; }); }, } PageView 被动设置选中状态 : 在 BottomNavigationBar 底部导航中点击导航按钮 , 切换页面 , 使用 PageView...方法 , 在此处调用 setState 方法 , 在该方法中设置 _currentIndex 值 , 进而更新 BottomNavigationBar 底部导航选中状态 ; PageView(

4.1K20

Android 垃圾分类APP(三)垃圾分类之语音输入

可以看到大致没有什么问题,但是TextInputActivity状态还是之前那样,这样用户体验是不好,因此需要做修改,修改状态背景色,然后是图标改成深色。...| View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR); } } /** * 状态暗色模式,清除MIUI、flyme或6.0以上版本状态黑色文字...); } } /** * 设置状态图标为深色和魅族特定文字风格 * 可以用来判断是否为Flyme用户 * * @param...window 需要设置窗口 * @param dark 是否把状态文字及图标颜色设置为深色 * @return boolean 成功执行返回true */.../** * 设置页面状态 * @param activity 目标Activity * @param bgColorId 状态背景颜色 * @param isDarkTheme

1.8K20
您找到你想要的搜索结果了吗?
是的
没有找到

Android5.0以上实现全透明状态方法(仿网易云界面)

Android4.4以上要实现沉浸式状态可以通过在style文件设置 <style name="AppTheme.NoActionBar" <item name="windowActionBar...,比较网易云音乐<em>的</em>界面会发现网易云<em>的</em><em>状态</em><em>栏</em>是全透明<em>的</em>,而通过<em>设置</em>windowTranslucentStatus得到<em>的</em><em>状态</em><em>栏</em>背景始终是半透明<em>的</em>矩形。...所以<em>状态</em><em>栏</em>颜色会比toolbar颜色深一点(<em>Material</em> Design) <em>状态</em><em>栏</em>颜色深一点 ? <em>状态</em><em>栏</em>和toolbar颜色是相同<em>的</em>。 ? 为了达到同样<em>的</em>效果,<em>搜索</em>了挺多方法,找到一段代码比较合适。...<em>使用</em>如下代码。然后布局文件加上paddingtop属性,<em>设置</em>为25dp。注意布局文件里不需要<em>设置</em>fitSystemWindows属性。<em>设置</em>以后就实现了网易云音乐<em>的</em>界面效果了。...); window.setStatusBarColor(Color.TRANSPARENT); } 以上这篇Android5.0以上实现全透明<em>的</em><em>状态</em><em>栏</em>方法(仿网易云界面)就是小编分享给大家<em>的</em>全部内容了

1K40

不可错过几款GitHub开源项目

使用Material Design控件和动画 使用MVP架构整个项目,对应于model、ui、presenter三个包 使用Realm做阅读记录和收藏记录增、删、查、改 使用Glide做图片处理和加载...使用RecyclerView实现下拉刷新、上拉加载、侧滑删除、长按拖曳 支持主题设置 包含搜索、收藏、历史等功能 效果图: ?.../ 视频 搜索功能 热门搜索推荐 搜索历史记录 自定义主题颜色 无缝切换日夜皮肤 视频播放 内置3款 logo 随意互换 动态切换字体大小 主要技术点: 基本遵循 Material Design 设计风格...主要技术点: 整体项目MVP结构 Dagger2 相机部分,API >= 21使用 Camera2 ,API < 21使用 Camera 相机状态机,聚焦状态机 照片缓存分为两种,一个是大图,一个是小图...,小图是相册界面缩略图时候加载,大图是查看图片时候加载 图片处理 沙盒 Activity 退出和进入动画 一些 UI 动画,比如 “ 意见反馈”、 “ 语音输入” 这里面的动画 主题设置,沉浸式状态

1.8K20

IntelliJ IDEA 2023.2 最新变化

在此更新后,它将包含类似于 _Find in Files_(在文件中查找)文本搜索功能。 现在,当给定查询其他搜索结果很少或没有时,将显示文本搜索结果。...更新了 macOS 上窗口控件 在 macOS 上以全屏模式使用UI 时,窗口控件现在将在主工具上显示,而不是像以前一样在浮动上显示。...检查描述中语法高亮显示 在 _Settings / Preferences | Editor | Inspections_(设置/偏好设置 | 编辑器 | 检查)中,代码示例现在将包含语法高亮显示,让您可以更容易理解是什么触发了检查并决定使其处于活跃状态还是停用状态...改进了主工具自定义 我们扩展了新 UI 主工具自定义选项。 现在,您可以使用下拉菜单快速选择要添加到工具操作。...挂钩)下为 React 挂钩添加了一组新实时模板。

61720

Android 滑动渐变背景Toolbar、点击置顶ScrollView

super.onScrollChanged(l, t, oldl, oldt); /** * 滑动距离超过500px,出现置顶按钮,可以做为自定义属性 * 滑动距离如果用户设置使用用户...如果用户没有设置使用默认 */ //当 当前左上角距离顶点距离 大于某个值时候就显现置顶按钮出来 如果小于某个值就隐藏 if (screenHeight...return result; } /** * 设置状态图标为深色和魅族特定文字风格 * 可以用来判断是否为Flyme用户 * * @param...window 需要设置窗口 * @param dark 是否把状态字体及图标颜色设置为深色 * @return boolean 成功执行返回true */...,需要MIUIV6以上 * * @param window 需要设置窗口 * @param dark 是否把状态字体及图标颜色设置为深色 * @return

1.6K20

【3】VSCode 主题设置推荐,自定义配色方案,修改注释高亮颜色

VSCode 主题设置推荐,自定义配色方案,修改注释高亮颜色 设置主题: 个人比较忠爱vscode界面,感觉比pycharm要更美观点,虽然两个都装了,但还是会习惯性打开vscode进行调试。...下面是我使用主题。...editor.findMatchBackground 当前搜索匹配项颜色 editor.findMatchHighlightBackground 其他搜索匹配项颜色 15 editor.lineHighlightBackground...17 statusBar.background 标准状态背景色 17 statusBar.noFolderBackground 没有打开文件夹时状态背景色 17 statusBar.debuggingBackground...调试程序时状态背景色 9 tab.activeBackground 活动选项卡背景色 8 tab.activeForeground 活动组中活动选项卡前景色 7 tab.inactiveBackground

9.6K30

个人 JetBrain IDE 配色及字体分享

整体图 话不多说,先上一张图: Preview 使用东东 Material Theme UI:一款 JetBrain 系列 IDE 可以使用主题插件,里面内置了很多配色,可以自选。...安装完字体后进入 IDE 设置,点击 Plugins 选项页,在搜索中输入 Material Theme UI,安装对应插件,如下图: Plugin Install 安装完成之后需要重启 IDE,...重启之后会进入一个欢迎页,便于你快速配置主题等,我们可以直接跳过,因为之后可以在设置里面手动配置。...进入设置搜索 material,进入图中选项页,可以选择一些插件自带配色: Theme 我最喜欢 Dracula,当然 One Dark Pro、Monokai Pro 等都是很不错主题,可以根据自己喜欢来选择...配置完主题之后需要配置字体,在设置搜索 font,找到图中页面,但是先不要配置,点击图中链接,进入 Color Scheme Font 字体配置界面: IDE Font 点击链接后会进入下图界面

1.5K20

当前 GitHub 上排名前十热门 Vue 项目

通过基础 24 分栏,迅速简便地创建布局。 官网地址:http://element.eleme.io/ 示例 基础布局:使用单一分创建基础栅格布局。 ?...vux-loader 保证了组件按需使用,因此不用担心最终打包了整个 vux 组件库代码。 vux 并不完全依赖于 WeUI,但是尽量保持整体UI样式接近 WeUI 设计规范。...最初目标是创建一个易用,实用,美观移动端UI组件库,现在离理想状态还有不少距离,因此需要大家及时反馈问题及贡献代码。...可以只加载声明过组件及其样式文件,无需再纠结文件体积过大。 考虑到移动端性能门槛,Mint UI 采用 CSS3 处理各种动效,避免浏览器进行不必要重绘和重排,从而使用户获得流畅顺滑体验。...简介 基于 Vue 2.0 和 Material Design UI 组件库。

4.3K20

2022最新Webstorm激活码,永久激活Webstorm,真好用!

已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大HTML5编辑器”下来老鱼来教你如何使用WebStorm并激活!...Theme UI推荐原因:这款插件不仅可以设置主题,还可以设置其他 UI界面。...这款主题设置:Settings —> Appearance & Behavior —> Material Theme也可以直接搜索Material 也是可以找到。...一,设置主题这里很推荐这款主题:Atom One Dark (这款主题是目前我所用到最舒服一个主题)第二,设置 Tab 高度找到下面的 Tabs ——> Tab Height ,设置为 26,这个高度是我平时开发觉得最舒服高度...第三,设置 UI 紧凑找到下面的 Compact ,勾选 Compact Statusbar 和 Compact Menus ,这个紧凑度最舒服。

2.1K20

android Compose中沉浸式设计和导航处理

简单写一篇文章捕获一下焦点 Material Design风格顶部和底部导航 Compose中Material Design风格设计我们做法如下: 1、使用Scafoold作为页面的顶级,Scafoold...2、调用WindowCompat.setDecorFitsSystemWindows(window, false)方法让我们布局超出状态和底部导航位置 3、使用ProvideWindowInsets...(window, false)设置后页面布局顶到了状态上面,因为我们需要用一个Spacer来填充状态,让我们布局看起来正常点 代码 如下是封装状态方法 @Composable fun TopBarView...ui状态 处理前: 处理后: 结论是经过我们处理后解决了状态遮挡 BottomBar设计 实现方式 因为使用ProvideWindowInsets包裹后底部导航顶到了底部,所以需要填充一个底部导航高度...ui状态 处理前: 处理后: 结论是经过我们处理后解决了底部导航遮挡问题 状态和底部导航颜色处理 状态和底部导航颜色设置 依赖 implementation "com.google.accompanist

2.7K20

IntelliJ IDEA 2023.2 主要更新了什么?(图文版)

在此更新后,它将包含类似于 Find in Files(在文件中查找)文本搜索功能。 现在,当给定查询其他搜索结果很少或没有时,将显示文本搜索结果。...更新了 macOS 上窗口控件 在 macOS 上以全屏模式使用UI 时,窗口控件现在将在主工具上显示,而不是像以前一样在浮动上显示。...在新 UI 中移除了 Linux 上标题 为了方便 Linux 用户,新 UI 中移除了操作系统原生标题,使界面更加整洁。...检查描述中语法高亮显示 在 Settings / Preferences | Editor | Inspections(设置/偏好设置 | 编辑器 | 检查)中,代码示例现在将包含语法高亮显示,让您可以更容易理解是什么触发了检查并决定使其处于活跃状态还是停用状态...改进了主工具自定义 我们扩展了新 UI 主工具自定义选项。 现在,您可以使用下拉菜单快速选择要添加到工具操作。

20510

纯干货!谷歌MD深色主题设计规范详解(附Sketch官方文件下载)

: ·突出方式,是使用直接可见图标来打开或者关闭主题 ·不那么突出方式,是在菜单或者APP设置中放置开关 ?...深色主题色彩应该足以覆盖整个深色主题UI界面,包括: 色彩(主色、次要色以及色彩变体) 界面主体(背景和控件) 状态呈现(比如报错状态) 内容呈现(字体排版和图像) ?...使用 Material 色彩主题基准配色 ? Material Design 默认主题基准色 Material Design 深色主题基准色 报错颜色 报错颜色主要用来指示出错状况和状态。...使用主色容器 当控件容器底色使用主色时候,用来指示状态叠加层应该使用白色。不同状态下,叠加层不透明度状态各不相同,正常状态下是未叠加,其他状态叠加透明度则从4%到12%不等。 ?...它包含全套深色主题布局元素,包括状态、应用栏目、底部工具、卡片、下拉菜单、搜索字段、分隔符、导航、对话框等一系列组件,非常实用。

9.5K10

再学一遍android:fitsSystemWindows属性

本文同步发表于我微信公众号,扫一扫文章底部二维码或在微信搜索 郭霖 即可关注,每个工作日都有文章更新。...Android手机顶部用于显示各种通知和状态信息这个叫做状态。 通常情况下,我们应用程序内容都是显示在状态下方。...但有时为了实现更好视觉效果,我们希望将应用程序内容延伸到状态背后,这种就可以称之为沉浸式状态。...我相信按照绝大多数人美好设想,android:fitsSystemWindows属性就应该像是一个开关一样,设置成true就可以打开沉浸式状态效果,设置成false就可以关闭沉浸式状态效果。...接着我们给ImageView同样设置了android:fitsSystemWindows属性,如此一来,就可以让图片显示在状态背后了。

1.1K50

Android L+ Theme 与 Toolbar 实例

材料设计是良心之作,不仅逐渐推动Android琳琅满目的app界面的统一,而且使开发者更加关注app功能,而非UI设计。于是乎,我也开始学习它,这里随着学习进度会写相应博文。...有关Material Design学习资料还是Google官方文档最好, 这里给出有分享精神小伙伴们翻译项目Material Design 中文版, 供大家学习与参考。...下面就看下Toolbar用法,以及状态沉浸用法。...####xml style属性: colorPrimaryDark:状态颜色(可用来实现沉浸效果) colorPrimary: Toolbar背景颜色 (xml中用android:background...设置Toolbar 副标题 mToolbar.setLogo(R.mipmap.ic_launcher);//设置ToolbarLogo //设置Toolbar 导航图标 mToolbar.setNavigationIcon

58440

【IDEA主题极致优化】全面优提升你编码体验

IDEA主题插件——Material Theme UI 2.设置插件主题 3.Compact设置 4.高颜值ICON设置 5.看看最后整体效果 1....IDEA主题插件——Material Theme UI Material Theme UI是一款主题插件,具有强大主题更换功能,同时也拥有多方面的主题选择。...setting->Plugins->Material Theme UI 2.设置插件主题 在IDEA进行设置路径如下 File > Settings > Appearance & Behavior...> Material Theme 其中 这里有多种主题可以根据个人喜好自己选择 3.Compact设置 在选择主题下面可以进行菜单设置,这里可以勾选上Compact Meanus...防止菜单显示不全 除外 其他选项都都可以根据个人习惯进行设置,勾选与取消对应选项即可。

53820

Material Design初露锋芒之复杂视图轻松实现

那么我可以告诉你,Material Design大大节约了UI开发时间,而学会她(满足日常使用)只需花一点点功夫。...传统解决方案 传统解决方案主要需要解决这些问题: 1.头部图片与标题伸缩协调; 2.标题状态沉浸式协调及版本适配; 3.滚动视图事件冲突。...美团使用传统方案部分实现 美团这个页面是一个单独Activity,无需解决Fragment标题与沉浸式问题。然而美团并没有实现沉浸式,多次拖拉还会出现滑不动情况。...使用Material控件可以非常优雅地消灭各种问题,几乎不需要写任何逻辑代码。 如丝般顺滑,性能杠杠~往下继续查看要点解读。 ?...使用Martial Design优雅实现 要点解读 // 保存ViewPager中Fragment状态 mViewPager.setOffscreenPageLimit(mFragments.size

89120
领券