appbar_编程技术问答社区_程序员问答知识库

以下是关于 appbar 的编程技术问答

使用新的Android 24，我发现Toolbar上的图标和标题具有更宽的填充，我找不到任何解决此问题的方法. 示例: mainActivity.java: public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); getSupportActionBar().setTitle("Te

4 2023-05-16 编程技术问答社区 android padding toolbar appbar

Flutter：在滚动检测中隐藏和显示应用栏

我在App Bar Animation上遇到麻烦，我在应用程序中使用SilverAppBar.因此，问题是当我处于列表的中间，然后滚动时，App Bar不会出现，但是当滚动到达项目列表的顶部时，就会出现.我已经测试了snap参数并给出true，但没有我期望的结果.我有关于为此创建自定义动画的想法，但是我在扑朔迷离中不太经验，而且如果有一种添加参数的方法，或者还有其他可以适合我的情况的小部件，那将是很棒的. 我正在使用的演示的实际代码: Widget _search() => Container( color: Colors.grey[400], child: SafeArea( child: Container( child: Padding( padding: const EdgeInsets.all(8.0), child: TextField(

4 2023-04-21 编程技术问答社区 animation scroll flutter appbar

根据BottomNavigationBar的页面改变AppBar的标题

我正在尝试根据用户打开的页面来更改APPBAR标题 - 页面由底部纳维式键控制，该页面加载不同的类(页面) 我设法改变这一点的唯一方法是包括每个页面的Appbar，我认为这不是继续的方式. class HomePage extends StatefulWidget { final String title; HomePage({Key key, this.auth, this.userId, this.onSignedOut, this.title}) : super(key: key); final BaseAuth auth; final VoidCallback onSignedOut; final String userId; @override State createState() => new _HomePageState(); } class _HomePageState exte

6 2023-04-21 编程技术问答社区 flutter appbar

如何用Flutter在我的应用栏中构建一个可水平滚动的日历？

这就是我现在的样子. 我找不到任何插件或构建此特定类型的小部件的任何方法.我一直在遇到麻烦，所以您的帮助将非常感谢. import 'package:flutter/material.dart'; import 'package:healthonify_mobile/constants/text_styles.dart'; import 'package:healthonify_mobile/widgets/cards/add_workout.dart'; import 'package:healthonify_mobile/widgets/cards/average_calories_burnt.dart'; import 'package:healthonify_mobile/widgets/cards/reminder_card.dart'; import 'package:healthonify_mobile/widgets/cards/steps_card.dart

14 2023-04-21 编程技术问答社区 flutter dart calendar appbar

如何在Flutter中获得AppBar的高度

如何获得 appbar的高度 flutter? 我正在使用marialapp小部件('wappard:flutter/材料.dart'). 我有上下文的高度，想扣除Appbar的高度. final double height = MediaQuery.of(context).size.height; 解决方案我认为这不是一种理想的方式，但它会起作用. 首先声明您将在Scaffold中使用的AppBar. Widget demoPage() { AppBar appBar = AppBar( title: Text('Demo'), ); return Scaffold( appBar: appBar, body: /* page body */, ); } 现在您可以使用其preferredSized appBar获得高度: double height = appBar.preferred

2 2023-04-21 编程技术问答社区 android ios dart flutter appbar

如何解决Appbar图标被点击导航的问题

我尝试开发颤音应用程序.在此应用程序中，我将Appbar与用户图标一起导航另一页. 现在我被单击该图标(人图标)显示错误. . 它没有互联网没有适当的文档.我找不到答案.我的源代码是 class MyAppState extends State { @override Widget build(BuildContext context) { return new MaterialApp( home: new Scaffold( appBar: new AppBar( title: new Text("Web Issue finder"), actions: [ new IconButton( icon: Icon(Icons.person), //

0 2023-04-20 编程技术问答社区 flutter navigator appbar flutter-navigation flutter-appbar

如何制作可重复使用的HTML导航菜单？

我敢肯定这个话题一直都出现，但是我似乎无法很好地答案. 我有一个垂直菜单栏，我想在网页中重复使用(> 20). Menu Bar在HTML中编码，并用途:UL, LI, A，标签和CSS.我们需要这个: 可重复使用可维护可伸缩因此，我们不必每次添加页面时都要修改所有页面. 如果可能的话，我们宁愿避免使用编码方法.我们只能根据需要编辑的一个主文件生活.由于我们使用CSS和 s，所以我认为框架不适合我们.我们该怎么办? 解决方案服务器端包括您不想使用编程语言的方法. 他们采用此形式: 并将在将标签放入HTML的任何位置中插入页面中.它需要服务器端解析，因此您的Web服务器必须具有启用服务器端.您可以尝试一下，如果它不起作用，请联系您的服务器主机，以查看是否可以启用它们.如果是apache，则有一个启用它们的方法好. 其他解决方案

2 2023-04-20 编程技术问答社区 html css navigation-drawer menubar appbar

翩翩起舞，删除应用栏上的返回按钮

我想知道，当您使用Navigator.pushNamed>转到另一个页面时，是否有人知道某种方法可以删除appBar上显示在appBar上的后退按钮.我不希望它在此结果页面上不希望它来自导航，我希望用户使用logout按钮，以便会话重新开始. 解决方案您可以通过将空new Container()传递为 leading 参与您的 AppBar . 如果您发现自己这样做，则可能不希望用户按下设备的后退按钮以返回较早的路线.而不是致电pushNamed，请尝试致电功能pushReplacementNamed将删除背面中的先前路由，然后用新路线替换. 后者的完整代码样本在下面. import 'package:flutter/material.dart'; class LogoutPage extends StatelessWidget { @override Widget build(BuildContext context) { return n

0 2023-04-20 编程技术问答社区 flutter navigation back-button appbar

在Flutter中使用图标的下拉列表

我想在flutter中以特定图标实现下拉列表，并在Appbar中在其上应用GestureDetector.它的代码是 AppBar( actions: [ Padding( padding: const EdgeInsets.fromLTRB(4.0, 4.0, 0, 4.0), child: Image.network( "Some Image Url"), ), GestureDetector( onTap: () { // I want to implement the Dropdown List here. }, child: Padding( padding: const EdgeInsets.all(0.0), child: Icon(Icons.arrow_dro

18 2023-04-18 编程技术问答社区 flutter dart drop-down-menu icons appbar

如何创建一个自定义的AppBar小部件？

我是新手的颤抖.我正在尝试创建一个自定义的Appbar小部件并在页面中导入小部件. ，但我无法创建小部件. import 'package:flutter/material.dart'; class AppBar extends StatelessWidget{ @override Widget build(BuildContext context){ return AppBar( title: Text('Ordering'), actions: [ IconButton( onPressed: _incrementCounter, icon: Icon(Icons.add), ), BadgeIconButton( itemCount: _counter, badgeColor: Color.fromRGBO(37, 134, 16, 1.0), ba

4 2023-04-13 编程技术问答社区 flutter dart appbar flutter-widget

渐变背景下的Flutter AppBar

如何将theappbar的backgroundColor设置为梯度? 解决方案我不相信您可以将梯度传递给Appbar，因为它期望具有颜色而不是梯度. 但是，您可以创建自己的小部件，该小部件模仿Appbar，除非使用渐变. 看看这个示例，我已经从 import "package:flutter/material.dart"; class Page extends StatelessWidget { @override Widget build(BuildContext context) { return Column(children : [GradientAppBar("Custom Gradient App Bar"), Container()],); } } class GradientAppBar extends StatelessWidget { final String title; final doub

12 2023-04-13 编程技术问答社区 flutter dart flutter-layout appbar flutter-widget

AppBar与其他元素重叠

我开始使用React/材料 - UI，也开始使用CSS等. 我在Appbar上有一个简单的页面布局.不幸的是，此Appbar重叠了要在其下方的元素. 我找到了这个答案: appbar材料ui问题，但这完全是错误的.如果我的Appbar具有可变高度，具体取决于图标，显示模式等，该怎么办? 我试图创建一个垂直网格，以将元素包裹在不同的项目中，使顶部的容器成为一个flex和flex设置，似乎无效，App Bar总是位于文本的顶部. 代码非常简单: import React from 'react'; import { AppBar, Typography, Box } from '@material-ui/core'; function App() { return (

2 2023-04-12 编程技术问答社区 css reactjs material-ui appbar

我怎样才能在Flutter中把我的AppBar放在一个单独的文件中，同时还能显示Widgets？

我目前正在构建一个扑朔迷离的应用程序，该应用程序推荐该地区的餐馆.但是，我已经陷入了相当的kerfuffle中. 我希望我的应用程序将APPBAR的代码与每个屏幕的代码分开，以进行组织和清洁.因此，我构建了 kainappbar.dart 作为Appbar代码.在此处显示: import 'package:flutter/material.dart'; import 'package:gradient_app_bar/gradient_app_bar.dart'; import 'package:firebase_auth/firebase_auth.dart'; import 'package:google_sign_in/google_sign_in.dart'; GoogleSignIn _googleSignIn = GoogleSignIn( signInOption: SignInOption.standard, ); class KainAppBar e

2 2023-03-28 编程技术问答社区 android mobile dart flutter appbar

在javascript Windows 8 Metro风格应用程序中，切换appbar的事件是什么？

我正在寻找在JavaScript中切换Appbar的事件.因此，这基本上是屏幕顶部/底部边缘的"边缘吹"手势事件. 例如，当用户刷屏幕的上部或布托边缘时，我想在页面上显示文本"边缘"，而不会在页面中声明应用程序栏.我将如何做到这一点? 我尝试了交叉滑坡事件，但似乎不对. 解决方案交叉滑动对您无效，因为这是一个可以在任何地方开始的手势. 没有接触地铁应用的边缘扫描事件. Windows 8检测到边缘滑动并为您自动提高应用程序栏(当您有一个时). 也许他们将来会添加一个，但是谁知道是否或何时，因此您可能想进行自己的手势跟踪.我建议您看看Pointerpoint类并构建自己的自定义手势识别器. 基本的边缘滑动应该很容易识别，尽管您必须注意屏幕上的所有指针.例如，如果我有一个跟踪5个手指的平板电脑，其中一个是边缘滑动的，那么您是否会识别出手势，或者仅当当时有一个触摸点处于活动状态时?这取决于你. 其他解决方案您可以看到Appbar的文档这里 ap

4 2023-03-27 编程技术问答社区 javascript windows-8 windows-runtime microsoft-metro appbar

在windows8应用程序上的全局应用栏

我正在从事Windows 8应用程序项目.我正在使用Visual Studio 2012及其预定义的模板(GroupedPage，splitPage，itemSpage). 目前，我需要添加一个应用程序栏.我选择的方式是创建一个并在所有页面上显示.我会阅读本文: http://sdn. microsoft.com/en-us/library/windows/apps/xaml/jj150604.aspx 要将其包括在我的项目中，我将全局页面设置为app.xaml 上的启动页面 protected async override void OnLaunched(LaunchActivatedEventArgs args) ... if (!rootFrame.Navigate(typeof(GlobalPage), args.Arguments)) throw new Exception("Failed to create initia

0 2023-03-27 编程技术问答社区 c# xaml windows-8 microsoft-metro appbar

如何使Appbar内容在较大的显示器上不伸展到侧面

我想集中我的Appbar内容，因此在较大的显示器上，它不会扩展到屏幕的侧面.有 images 关于它的外观与我希望它看起来如何. 事实是，在较小的屏幕上，Appbar和页面内容都符合屏幕，但是在较大的显示器上，Appbar内容继续扩展，而页面内容保持为中心.因此，我希望Appbar在其内容停留在与页面内容相同的位置时保持全宽 - 您可以在第二个屏幕中看到. 我的页面代码:

6 2023-03-19 编程技术问答社区 reactjs material-ui appbar

Appbar Material UI问题

我是材料UI库的新手，但到目前为止我真的很喜欢！但是，我的Appbar组件覆盖了其他内容.我目前在我的app.js渲染方法中具有和.这是代码段: render(){ return ( ); } 这是MyComponent函数的代码: function myComponent(){ return ( Hello ); } 但是，当我运行此代码时，" Hello"消息被Appbar组件叠加.是否有某种方法可以在Appbar下显示我的Hello消息(和相应的代码)?这是一个简单的问题，但我很想解决这个问题！解决方案您可以将paddingTop添加到包含div以补偿AppBar的高度(默认情况下为64px): render()

14 2023-03-19 编程技术问答社区 reactjs material-ui appbar

带有Appbar的材料-UI抽屉不使用组件语法

我创建了一个新线程从此避免混淆，因为有人告诉我Leftnav现在Drawer在材料-UI组件中. 我仍然有问题，第一个是ES7?箭头功能的语法如下所示.我已经更改为使用平面链接的以下代码，以尝试了解正在发生的事情: import React, { Component } from 'react' import { Drawer, AppBar, MenuItem} from 'material-ui' import baseTheme from 'material-ui/styles/baseThemes/lightBaseTheme' import getMuiTheme from 'material-ui/styles/getMuiTheme' import { Route, Router } from 'react-router' export default class Header extends Component { constructor(pro

6 2023-03-19 编程技术问答社区 drawer material-ui appbar

什么是未发现的类型错误。无法读取AppBar + Drawer组件（ReactJS + Material-UI）的未定义属性'open'？

我正在尝试获取导航，默认汉堡图标在appbar的左侧( http://www.material-ui.com/#/components/app-bar )从材料-UI框架中单击时滑动抽屉组件( http://www.material-ui.com/#/components/drawer ).但是一旦单击，我会收到以下错误，我看不出: unturew typeError:无法阅读未定义的属性对此的任何见解或指导将不胜感激.先感谢您. import React, { Component } from 'react' import { Drawer, AppBar, MenuItem} from 'material-ui' import baseTheme from 'material-ui/styles/baseThemes/lightBaseTheme' import getMuiTheme from 'material-ui/styles/getMuiTheme' i

6 2023-03-19 编程技术问答社区 javascript reactjs drawer material-ui appbar

如何让 material-ui-next 的 AppBar 组件对滚动事件做出反应？

按照材料设计指南: > 滚动时，顶部的应用程序栏可以[…]以以下方式转换: - 向上滚动隐藏顶部的应用程序栏 - 向下滚动显示顶部应用程序栏当顶部应用程序栏滚动时，其高度超过其他元素就变得显而易见. 是否有任何内置方法可以在材料-UI-Next中进行此操作，还是应该将其视为新功能?您能否提示如何如指南中所述实现Appbar组件的动画? 解决方案对于那些仍在寻找内置功能的人，其他解决方案据我所知，目前还没有开箱即用的解决方案.但是，实施非常容易.这是一个订阅滚动事件并隐藏或相应地显示Appbar的片段: const styles = { root: { flexGrow: 1, }, show: { transform: 'translateY(0)', transition: 'transform .5s', }, hide: { transform: 'translateY(-110%)',

2 2023-03-19 编程技术问答社区 javascript reactjs material-ui appbar