标签: appbar

是否有关于在WPF中进行AppBar对接(例如锁定到屏幕边缘)的完整指导？我知道需要进行InterOp调用,但我正在寻找基于简单WPF表单的概念证明,或者可以使用的组件化版本.

相关资源:

• http://www.codeproject.com/KB/dotnet/AppBar.aspx
• http://social.msdn.microsoft.com/Forums/en-US/wpf/thread/05c73c9c-e85d-4ecd-b9b6-4c714a65e72b/

我正在尝试实现类似于WhatsApp的效果,其中工具栏(滚动时)将剪切成视图磁铁状或视图磁铁状.

我的MainActivity XML是什么:

• DrawerLayout - 基本布局
• CoordinatorLayout - Appbar和工具栏以及选项卡的布局
• AppBarLayout - 用于保存工具栏和标签
• 工具栏 - 有这个标志: app:layout_scrollFlags="scroll|enterAlways"
• SlidingTabLayout - 显示选项卡
• ViewPager - 用于标签
• RecyclerView - 用于coordinatorlayout

现在不要误会我的意思,它有效,当我向下滚动工具栏被推出视图但说我停止中途滚动,然后工具栏只是坐在那里一半隐藏在视野外,另一半在视野中..

我怎样才能解决这个问题,因为我希望它能够跳出视图或进入视图.

如何摆脱状态栏中的高程？如果我在AppbarLayout中设置应用程序:提升到0dp,状态栏中不再出现提升,也不会低于AppbarLayout.

如何获得AppbarLayout下的高程？

这是我的意思截图:毛茸茸的链接,注意状态栏中的阴影:(

谢谢!

我正在尝试根据用户所在的页面更改 AppBar 标题 - 页面由加载不同类（页面）的BottomNavigationBar 控制

我设法改变这一点的唯一方法是为每个页面包含一个应用程序栏，我认为这不是继续前进的方式。

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<StatefulWidget> createState() => new _HomePageState();
}

class _HomePageState extends State<HomePage> {
  int _currentIndex = 0;
  final List<Widget> _children = [
    Projects(),
    TimedProject(),
    Overview(),
    Clients(),
  ];

  GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey();

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      key: _scaffoldKey,
      appBar: AppBar(
        title: Text('TITLE I NEED …

谁Mode="Minimized"在WP8.1 WINRT中设置了一个BottomAppBar？

我已经AppBar向下移动了，但现在它的高度太大了。我想知道如何从 my 的高度中减去状态栏的AppBar高度。这是目前的样子：

以下是设置AppBar高度的方法：

Flutter：设置AppBar的高度

以下是获取状态栏高度的方法：

我如何或在哪里更改系统状态栏 Flutter 框架

final double statusBarHeight = MediaQuery.of(context).padding.top;
return new Padding(
      padding: new EdgeInsets.only(top: statusBarHeight),
      child: content
);

我只是不知道如何将这些部分放在一起（我对 Flutter 很陌生，所以请解释清楚答案）

我正在尝试使用新的 Android 架构设置带有应用栏配置的导航抽屉布局。我遇到的问题是 android studio 告诉我设置抽屉布局的方式已被弃用。

这是我的 xml 配置

<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <com.google.android.material.appbar.MaterialToolbar
            android:id="@+id/top_app_bar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:theme="@style/MaterialTheme"
            style="@style/Widget.MaterialComponents.Toolbar.Primary"
            />

    </com.google.android.material.appbar.AppBarLayout>

    <androidx.drawerlayout.widget.DrawerLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/drawer_layout">

        <fragment
            android:id="@+id/nav_host_fragment"
            android:name="androidx.navigation.fragment.NavHostFragment"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:defaultNavHost="true"
            app:navGraph="@navigation/navigation_graph"/>

        <com.google.android.material.navigation.NavigationView
            android:id="@+id/navigation_view"
            android:layout_width="230dp"
            android:layout_height="match_parent"
            android:background="@drawable/gradient_background"
            app:itemTextColor="@android:color/black"
            app:menu="@menu/drawer_menu"
            android:layout_gravity="start"
            android:fitsSystemWindows="true"
            android:theme="@style/Theme.Design">

        </com.google.android.material.navigation.NavigationView>

    </androidx.drawerlayout.widget.DrawerLayout>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

这是我如何声明 AppBarConfiguration 和 Drawer Layout

    private AppBarConfiguration appBarConfiguration;
    private NavController navController;
    MaterialToolbar topAppBar;

    private ActionBarDrawerToggle actionBarDrawerToggle;
    DrawerLayout drawerLayout;
    NavigationView navigationView;

这是我找到 NavController、topAppBar、drawerLayout 和 NavigationView 的地方

        navController = Navigation.findNavController(this, …

如何在Flutter 中获得AppBar的高度？
我正在使用MarialApp Widget('package:flutter/material.dart').

我有我的上下文的高度,并希望扣除appbar的高度.

final double height = MediaQuery.of(context).size.height;

如何更改TabBar的背景颜色而不更改flutter中的AppBar？TabBar没有BG proprety,有解决方法吗？

我开始使用 React/Material-UI，并且对 CSS 等也很陌生......我有一个带有 APPBar 的简单页面布局。不幸的是，这个 AppBar 与本应位于其下方的元素重叠。

我找到了这个答案： AppBar Material UI questions

但这感觉完全错误。如果我的 AppBar 具有可变高度（具体取决于图标、显示模式等）怎么办？

我尝试创建一个垂直网格，将元素包装在不同的项目中，将顶部容器设为弹性容器并使用弹性设置，似乎没有任何效果，应用程序栏始终位于文本顶部。

代码很简单：

import React from 'react';
import { AppBar, Typography, Box } from '@material-ui/core';

function App() {
    return (
        <div>
            <AppBar>
                <Typography variant='h3'>
                    AppBar
                </Typography>
            </AppBar>
            <Box>
                <Typography variant='h1' style={{ border: '1px solid black' }}>
                    Hello
                </Typography>
            </Box>
        </div>
    )
}

export default App;

“Hello”文本块只有一半可见：