底部导航页面设计

Flutter 组件之BottomNavigationBar

BottomNavigationBar是底部导航栏控件.可以让我们定义底部Tab切换，bottomNavigationBar是Scaffold组件的参数。
翻滚吧王咸鱼·2023-03-21 14:23

flutter 底部导航栏item悬浮效果实现

今天拿以前的项目练习上手flutter，刚开始就遇到一个问题，应用底部导航栏要实现一个这样的效果：底部导航栏按钮悬浮但是使用flutter自己的BottomNavigationBar组件发现很难达到预期效果
zhou_123·2023-03-21 05:06

Flutter---BottomNavigationBar底部导航栏实现1

先看效果：BottomNavigationBarType.fixed的效果图.gifBottomNavigationBarType.shifting的效果图.gif该效果使用Scaffold=PageView+BottomNavigationBarBottomNavigationBar的type分为：1.BottomNavigationBarType.fixed:（代表tab固定不变，也是默认格式
二全·2023-03-20 23:55

Cordova&ionic android 状态栏和底部导航栏适配问题

在APP使用过程中(尤其是在华为、vivo等国产手机上)，会出现以下适配问题：底部导航栏遮挡住footerBar或其他内容状态栏遮挡住header等内容初始化时正常，弹出键盘或从后台再切换回来时再次出现
一只特立独行的道哥·2023-03-20 17:22

微信小程序从零开始开发步骤阅读链接

阅读链接：微信小程序从零开始开发步骤（一）搭建开发环境微信小程序从零开始开发步骤（二）创建小程序页面微信小程序从零开始开发步骤（三）底部导航栏微信小程序从零开始开发步骤（四）自定义分享的功能微信小程序从零开始开发步骤
丨ChenSir丨·2023-03-19 23:17

SwiftUI实战-使用UIActivityIndicatorView

SwiftUI实战系列SwiftUI实战-使用ViewModifier自定义微信TabBar底部导航和NavigationViewSwiftUI实战-NavigationLink图片和文字显示蓝色或者图片无显示
ISwiftUI·2023-03-19 13:13

Flutter学习目录

Flutter的开发环境搭建1、安装Flutter（androidstudio）Flutter结构和导航1、BottomNavigationBar，底部导航条2、Route和Navigator（一），路由
小迷糊_dcee·2023-03-19 11:49

2019-07-16

react-nativeTabNavigator切换时不重新渲染react-native使用createBottomTabNavigator创建底部导航栏时，只会在第一次创建时调用componentDidMount
秃头大叔·2023-03-19 10:15

●什么是“二八”定律？（太经典了）

二、产品设计如何做一、在后台表单页面设计中，把一些大部分的功能操作点会放在二级详情页面中，这样表单页面的识别度比较高，当遇到高
阿韩设计·2023-03-19 07:53

Flutter实战--美食App(三)

如下图所示：home界面底部是一个bottomNavigationBar，放置五个分类导航按钮，分别对应五个不同功能页面；除去底部导航区之外是个内容展示区，当点击底部不同的导航按钮时，该区域显示不同的内容
SamBrother·2023-03-19 06:43

Flutter 底部导航栏（规则与不规则）

一、规则的“Tabbar”微信.jpgCSDN.jpgclassIndexPageextendsStatefulWidget{@override_IndexPageStatecreateState()=>_IndexPageState();}class_IndexPageStateextendsState{finalListbottomBars=[BottomNavigationBarItem(i
大辉郞·2023-03-18 00:06

自定义 BottomNavigationView

做个微信小程序的朋友都知道，要定义一个底部导航按钮非常简单，只需要配置一份json文件就行了，就会自动生成底部Tab.Android在以前做法比较麻烦，RadioButton等自定义，要处理各种选中和默认的状态
情天孽海·2023-03-17 00:46

博客系统(界面设计)

目录实现博客列表页预期效果导航栏页面主体左右布局左侧区域右侧区域完整代码实现博客详情页预期效果导航栏+左侧右侧完整代码实现博客登陆页预期效果布局对话框完整代码实现博客编辑页预期效果markdown编辑器引入jquery引入editor.md完整代码实现一个简单的博客系统.当前先完成页面设计的部分
银河罐头·2023-03-16 04:39

1.5 WEB设计模式与设计规范

网页布局网页布局.png其他比较新颖的模式例如卡片式布局卡片式布局.png滚动视图的网页布局滚动视图的网页布局.png随着鼠标的滚动会呈现不同的内容动态动画动态动画.png通过动态动画来浏览商品的详情2.页面设计以网易云课堂为例网易云课堂
汤小花and小小花·2023-03-15 23:05

5 CSS3 响应式设计、响应式布局(媒体查询、分辨率、单位)

1、响应式设计(RWD):ResponseWebDesign->其也是响应式布局的依据随着用户访问web页面终端的多样化，web页面设计无法适应多样化的终端设备，为了提高开发效率，满足用户需求，EthanMarcottee
官清岁月·2023-03-15 19:32

SwiftUI实战-单边圆角单个圆角

SwiftUI实战系列SwiftUI实战-使用ViewModifier自定义微信TabBar底部导航和NavigationViewSwiftUI实战-NavigationLink图片和文字显示蓝色或者图片无显示
ISwiftUI·2023-03-15 18:44

SwiftUI实战-自定义弹窗

SwiftUI实战系列SwiftUI实战-使用ViewModifier自定义微信TabBar底部导航和NavigationViewSwiftUI实战-NavigationLink图片和文字显示蓝色或者图片无显示
ISwiftUI·2023-03-15 12:27

Android studio课程设计开发实现---日记APP

一、效果1.启动页、引导页及登陆注册2.日记相关功能3.个人中心界面二、功能介绍1.主要功能实现应用启动页及引导页实现设置密码进入APP，对密码进行加密处理实现底部导航
勤奋的oyoung·2023-03-15 10:00

Vue+有赞vant 移动端 底部导航点切换

HomeShopexportdefault{name:'App',data(){return{cls1:'van-tabbar-itemvan-tabbar-item--active',//停在当前页面颜色高亮cls2:'van-tabbar-item'//离开颜色变暗}},created(){},methods:{Home(){this.cls1='van-tabbar-itemvan-tabb
Queen_9999·2023-03-15 01:56

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

关注公众号学习更多知识MaterialDesign风格的顶部和底部导航栏Compose中MaterialDesign风格的设计我们的做法如下：1、使用Scafoold作为页面的顶级，Scafoold中承载
卡布哥哥学安卓·2023-03-14 23:59

基于BottomNavigationView实现底部导航栏

预览新建三个对应于fragment的layout文件代码如下（三个都一样，就不一一列出了）新建三个类继承与androidx.fragment.app包下的Fragment;（需要几个界面就新建几个这里只是演示）在新建的三个Fragment中重写父类的onCreateView()方法，并绑定布局三个类的代码也都相同，需要注意的是—>布局别绑定错了！publicclassHomeFragmentext
小叶很笨呐！·2023-03-14 23:55

BottomNavigationView+Fragment==底部导航

这里写目录标题介绍导入使用总结介绍BottomNavigationView是Google的material下的用于底部导航组件。
_jiaaang·2023-03-14 23:54

android底部导航栏 fragment,BottomNavigationView + Fragment 实现底部导航栏

BottomNavigationView+Fragment实现底部导航栏BottomNavigationView+Fragment实现底部导航栏目标实现底部导航栏效果图主要代码添加依赖:implementation'com.google.android.material
风的决意·2023-03-14 23:52

Android开发（三）：BottomNavigationView+Fragment实现底部导航栏和页面的切换

创建新项目，选择EmptyActivity,点击Next填写相关信息，点击finish创建四个类和对应的布局文件在res下创建menu目录和navigation目录在menu目录下创建menu_bottom_nav.xml文件在navigation目录下创建nav_bottom_nav.xml文件回到创建的四个类中，继承Fragment,并重写onCreateView方法，并绑定布局文件OneFr
千禧皓月·2023-03-14 23:42

【Android】底部导航栏【BottomNavigationView】+【ViewPage2】

问题需求实现底部导航栏切换问题解决最简单的实现方式就是使用系统自动生成的模板页面，但是有时候会有一些问题，特别是需要去除【ActionBar】的情况下，这种情况下使用系统的模板页面就不好用了，此时可以使用下面这种解决方式
我又来搬代码了·2023-03-14 23:11

Android ViewPager2 + Fragment + BottomNavigationView 联动

BottomNavigationView,上篇中把ViewPager2和Fragment联动起来了,本篇主要把BottomNavigationView集成进去概述BottomNavigationView是一个底部导航控件
Aska小强·2023-03-14 23:38

Android 沉浸式状态栏的实现以及布局重叠的适配（Kotlin）

本文章分以下两部分内容首先是沉浸式状态栏的实现适配实现沉浸式状态栏后导致的布局偏移一、沉浸式状态栏的实现该方法用于表示内容是否超出至状态栏和底部导航栏显示，false表明超出。
oxygen112·2023-03-14 23:33

Flutter开发之——Scaffold，Android开发指南

this.onDrawerChanged,//左边抽屉发生变化this.endDrawer,//右边的抽屉this.onEndDrawerChanged,//右边抽屉发生变化this.bottomNavigationBar,//底部导航菜单
m0_65145346·2023-03-14 23:32

Android 学习笔记 BottomNavigationView（底部导航栏）控制多个fragment切换

创建空白项目首先要对BottomNavigationView中的item(下面的按钮文字)创建menu.xml:1.在res资源文件夹内创建menu资源文件:2.在menu文件夹中创建menu.xml:其中的icon是底部导航栏的每个按钮的图标
坂本龙一·2023-03-14 23:58

JetpackCompose - Scaffold布局简要入门

搭设基本Scaffold页面scaffold组件遵循MaterialDesign，可以协助开发者迅速构建对应框架页面准备工作首先在drawable文件夹内，添加几张vectorimages，用作我们的底部导航栏图标在主页面中声明数据类
知奕奕·2023-03-14 23:53

Android底部导航栏BottomNavigationView的使用

小记：关于Android底部导航栏我已知的大致有三种实现方式。
(夏虫语冰)·2023-03-14 23:50

Jetpack Compose Scaffold和TopAppBar(顶部导航)

JetpackCompose以下简称JCJC提供了Scaffold这个组件来实现一些导航的效果，例如顶部菜单，底部导航，旁边的抽屉菜单等等，Scaffold的意思是脚手架，也就是Scaffold这是提供的一个支架
ScottePerk·2023-03-14 23:19

Jetpack Compose Scaffold和BottomAppBar(底部导航)

JetpackCompose以下简称JCJC提供了Scaffold这个组件来实现一些导航的效果，例如顶部菜单，底部导航，旁边的抽屉菜单等等，Scaffold的意思是脚手架，也就是Scaffold这是提供的一个支架
ScottePerk·2023-03-14 23:19

Android Compose——一个简单的新闻APP

Owl简述效果视频导航导航结点路线图底部导航栏使用标签页状态切换FeaturePage构建CoursePage实现搜索ViewModelView详情页DetailDescribeLesson尾Gitte
FranzLiszt1847·2023-03-14 23:48

Android 底部导航栏（一、BottomNavigationView+Menu+Fragment）

现在常用的App主页都会有一个底部导航栏，根据需求也使用过好几种方法进行实现，于是想着还是总结一下，今天还写一个简单的BottomNavigationView方法来实现这个功能Android底部导航栏（
&岁月不待人&·2023-03-14 23:47

BottomNavigationView + fragment底部导航栏简单实现

BottomNavigationView+fragment实现底部导航栏底部导航栏的实现方式可以说有很多种，但是随着技术的不断更新换代，在jetpack横行的时代，古老的实现方式已经逐步被替代了。
mercyT·2023-03-14 23:12

Android Jetpack Compose——一个简单的微信界面

一个简单的微信界面简述效果视频底部导航栏导航元素导航栏放入插槽绘制地图消息列表效果图实现聊天效果图实现气泡背景联系人界面效果图实现好友详情效果图实现发现效果图实现未读红点未读条数朋友圈效果图实现上拉加载个人设置效果图实现个人信息功能区钱包效果图实现切换主题效果图实现一键切换主题建立颜色实体类创建主题样式主题主题状态切换主题应用沉浸式状态栏依赖
FranzLiszt1847·2023-03-14 23:11

react native 简单demo

reactnative.cn/docs/getting-started/根据官网相关指导，最终把官网的一些例子，集成react-navigation路由，形成了一个简单的demo，包含有官方基础实例，路由，底部导航
岚枫丶·2023-03-14 20:42

Flutter - 搭建一个底部导航

建立导航组件理解有状态组件和无状态组件VScode添加AwesomeFlutterSnippets插件-快速生成页面代码数组..add()方法onTap()底部导航点击事件currentIndex底部导航组件选择高亮我们经常可以发现移动端的布局形式
哟西大人1·2023-03-14 08:13

java.lang.IllegalStateException: Fragment already added: MeFragment{71ca94e}

记录一次关于底部导航切换的crash：Fragmentalreadyadded。触发：打开app，快速点击底部按钮切换fragment的时候大概率会出现这个问题。
FlatMap2021·2023-03-13 18:44

平面设计基础课程练习 （游戏与情感设计）

《课程：平面设计基础》，课程初步学习了情感设计理论和视觉传达设计方法，以游戏内容为创作对象，最终完成了以下图形创作和页面设计作品，欢迎指导。
Eye_OfTheStorm·2023-03-13 15:35

iOS端最全适配

下面基于2019年iOS的详细情况，从参数理解、现有分辨率状况、页面设计注意事项（即安全区域）三方面来理解iOS适配。
自君·2023-03-13 14:36

SwiftUI实战-显示星级评分

SwiftUI实战系列SwiftUI实战-使用ViewModifier自定义微信TabBar底部导航和NavigationViewSwiftUI实战-NavigationLink图片和文字显示蓝色或者图片无显示
ISwiftUI·2023-03-13 06:25

SwiftUI实战-NavigationLink图片和文字显示蓝色或者图片无显示

SwiftUI实战系列SwiftUI实战-使用ViewModifier自定义微信TabBar底部导航和NavigationViewSwiftUI实战-NavigationLink图片和文字显示蓝色或者图片无显示
ISwiftUI·2023-03-12 19:17

ZGC设计与实现-出版

41.2.3CMS41.2.4G151.2.5ZGC151.2.6Shenandoah19第2章ZGC内存管理212.1操作系统地址管理212.2ZGC内存管理222.2.1多视图映射252.2.2ZGC多视图映射272.2.3页面设计
躺在石头上吐泡泡·2023-03-12 16:02

PyQt5搭建图书馆管理系统（2）——注册页面设计

PyQt5搭建图书馆管理系统（2）——注册页面设计PyQt5搭建图书馆管理系统（2）——注册页面设计代码：实现效果最后附上链接我觉得最cd的就是QtDesigner虽然适合快速开发UI，但是我总用不好，
食兔人·2023-03-12 07:43

React Native (二)

创建顶部导航不管是顶部导航还是底部导航，他都是之前栈路由导航StackNavigator的一部分。创建的方式也很简单。
Veycn·2023-03-11 13:15

【微信小程序-原生开发】实用教程04-启动/欢迎/首屏广告页（含倒计时、添加文字、rpx、定义变量和函数、读取变量、修改变量、wx.reLaunch 页面跳转、生命周期 onReady等)

开始前，请先完成自定义底部导航的开发，详见【微信小程序-原生开发】实用教程03-自定义底部导航（含自定义tabBar导航高亮需点击两次的解决方案）https://blog.csdn.net/weixin
朝阳39·2023-03-11 11:22

【微信小程序-原生开发】实用教程03-自定义底部导航（含自定义tabBar导航高亮需点击两次的解决方案）

开始前，请先完成底部导航的开发，详见【微信小程序-原生开发】实用教程02-添加全局页面配置、页面、底部导航https://sunshinehu.blog.csdn.net/article/details
朝阳39·2023-03-11 11:52

【微信小程序-原生开发】系列教程目录（已完结）

，获取AppID、下载安装开发工具、创建项目、上传体验https://sunshinehu.blog.csdn.net/article/details/12866367902-添加全局页面配置、页面、底部导航
朝阳39·2023-03-11 11:21
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他