标签: drawer

我有一个持久抽屉，其中包含一个可拖动项目的可放置列表。该功能是存在的，但是当拖动项目时，被拖动的项目不会显示。我可以完美地拖动项目，并且正在分配空间，包括 dnd 框架预期的动画，我只是看不到我正在拖动的内容。如果我将抽屉更改为永久抽屉，一切都会按预期进行。有什么建议么？

我的组件（在原型代码中）：（DragDropContext 在父组件中声明）

import React from 'react';
import { Divider, Drawer, IconButton, List, ListItem, Paper, 
withStyles } from 'material-ui';
import { Draggable, Droppable } from 'react-beautiful-dnd';

const styles = {
  list: {
    width: 250,
    marginTop: 70
  },
};

const getItemStyle = (isDragging, draggableStyle) => ({
  // some basic styles to make the items look a bit nicer
  userSelect: 'none',
  padding: 8 * 2,
  margin: `0 0 8px 0`,

  // change background colour if dragging
  background: isDragging …

我正在尝试将 Ant Design 的Drawer组件合并到我的 React 应用程序中，但由于某种原因，我无法打开抽屉，甚至无法在检查页面时出现在源代码中。我可以在另一个项目中使用它，并且我在package.json另一个项目的文件中注意到我有"antd": "^4.2.5"，而在我当前的项目中package.json我有"antd": "^4.3.2"。然而，在更改版本后，我遇到了同样的问题。然后我实际上只是将其他项目的代码复制到我当前的项目中，但没有效果。我删除了node_modules，我重新运行npm install，此时我只是尝试渲染DrawerAnt Design 提供的基本示例，但它根本没有渲染。

这是我的package.json文件。

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "antd": "^4.3.2",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-scripts": "3.4.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not …

在Cocoa中,可以使用该setParentWindow:方法将抽屉附接到窗户.是否可以以某种方式将抽屉连接到视图？

我有一个窗口和一个窗口抽屉从窗口弹出(窗口抽屉).问题是窗体显示为窗口项,如果显示窗口抽屉,则显示另一个可选窗体.我目前正在提交我的窗口表单,我也想在同一个提交查询中提交另一个表单(或者在打开抽屉时为表单分配一些新字段).这可以吗？使用ExtJS的第3版.

谢谢.

我正在尝试使用TextViews制作ListView,我希望能够点击每个textview,并根据它的位置拉出片段.但是,似乎甚至没有调用itemOnClickListener.

        mDrawerList = (ListView) findViewById(R.id.devices_drawer);
    mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
    mDrawerList.setAdapter(new ArrayAdapter<String>(this,
            R.layout.drawer_list_item, drawerInfo));
    mDrawerList.setItemsCanFocus(false);
    mDrawerList.setOnItemClickListener(new OnItemClickListener() {

        @Override
        public void onItemClick(AdapterView<?> parent, View view,
                final int pos, long id) {
            Log.d(TAG, "CLICKED " + pos);
            selectDevice(pos);
        }
    });

这是列表项的xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<TextView
    android:id="@+id/deviceText"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="center"
    android:textAppearance="?android:attr/textAppearanceLarge" />

</LinearLayout>

列表视图xml文件:

<android.support.v4.widget.DrawerLayout     xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<ListView
    android:id="@+id/devices_drawer"
    android:layout_width="240dp"
    android:layout_height="match_parent"
    android:layout_gravity="left"
    android:background="#111"
    android:choiceMode="singleChoice"
    android:divider="@android:color/transparent"
    android:dividerHeight="0dp" />

<FrameLayout
    android:id="@+id/content_frame"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

</android.support.v4.widget.DrawerLayout>

我一直在搜索4个小时如何使用它,并且不得不重置我的项目,因为我搞砸了依赖项.任何人都可以解释我如何简单地导入和解决所有依赖关系,因为我曾经设置但有错误,我需要更改gradle文件中的一些行,我也尝试从gradle导入pom并解决所有依赖关系但它最后失败了.

我非常感谢能在Android工作室发布一个使用simonvt库的noob友好[怎么样]的人,我敢打赌它对其他人也会有所帮助.

我的java或android工作室可能有问题,这就是为什么我想检查一种确实有效的方法,这样如果它失败了,我就会遇到一些软件问题.

更新

所以我设置了Android studio并更新了所有的android包,并检查了所有内容.我找到了关于如何在android studio中使用另一个菜单抽屉库的教程:http://androiddev.orkitra.com/？p = 72290 但我无法完成它,因为我总是得到依赖性错误.

我相信如果有人会发布关于如何导入这两个库中的任何一个的分步教程,它会对我和很多其他人有所帮助.

我使用导航抽屉,在打开的片段中我想拥有活动屏幕.

我用:

getActivity().getWindow().addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON);

但是这个东西会在导航抽屉的每个片段中点亮屏幕.如何仅在一个片段中激活屏幕？

您可能见过 Gmail 等应用程序的侧面导航抽屉。但是如何使用自定义小部件制作这样一个抽屉，例如我展示了一个导航抽屉，其中随机放置了一些小部件：

我想使用constraintLayout导航视图内部。基本上，我希望它是一个正常的布局/视图，占据一定比例的屏幕并具有滑入和滑出动画。

编辑

如果你不添加app:menu=@menu/menu_nav，那么它基本上会崩溃，如果你添加一个空白菜单，那么你不能只将constraintLayout放在导航菜单中，你必须将constraintLayout放在FrameLayout中......最后它没有无法正常工作，假设您在 imageView 中使用匹配约束，则图像不会显示，尽管硬编码字符串目前可以，但这并不能真正解决视图动态的问题。

我们可以不使用导航抽屉ActionBarDrawerToggle吗？在我的实现中,我不想使用操作栏.

所以,我不想ActionBarDrawerToggle打开和关闭抽屉.我想在单击硬件菜单按钮时打开导航抽屉.

我的目标是Android 2.2并使用支持库v4.

根据我的理解,ActionBarDrawerToggle类将在内部实现处理导航抽屉的打开和关闭.我对么？

我正在使用自定义列表视图在我的应用程序中显示数据,然后我尝试添加导航抽屉

抽屉布局上的点击不起作用.它最终打开自定义列表视图,因为它在抽屉列表视图后面.即使抽屉打开,抽屉列表视图也永远不会聚焦

下面是我的主要活动xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<android.support.v4.widget.DrawerLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<FrameLayout
android:id="@+id/content_frame"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:focusableInTouchMode="true"
android:focusable="true"/>
<ListView
android:id="@+id/left_drawer"
android:layout_width="240dp"
android:layout_height="match_parent"
android:layout_gravity="start"
android:background="#111"
android:choiceMode="singleChoice"
android:divider="@android:color/transparent"
android:dividerHeight="0dp"
android:focusableInTouchMode="true"
android:focusable="true"
android:descendantFocusability="blocksDescendants"/>
</android.support.v4.widget.DrawerLayout>
<ListView
android:id="@+id/listScreen"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:dividerHeight="7dp">
</ListView>
</RelativeLayout>

我是 React 和 Material UI 的新手，我一直在努力尝试将我现在拥有的迷你变体抽屉与响应式抽屉连接起来，因此当您在手机上使用它时，它会更改为响应式抽屉。如果有人能帮助我，这对我来说意义重大，我尝试过，但总是失败。它还可以帮助我获得与抽屉进一步联系的知识。

这是我用于迷你变体抽屉的代码：

import React, {useState} from 'react';
import clsx from 'clsx';
import { makeStyles } from '@material-ui/core/styles';
import CssBaseline from '@material-ui/core/CssBaseline';
import Drawer from '@material-ui/core/Drawer';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/Toolbar';
import List from '@material-ui/core/List';
import Typography from '@material-ui/core/Typography';
import Divider from '@material-ui/core/Divider';
import IconButton from '@material-ui/core/IconButton';
import MenuIcon from '@material-ui/icons/Menu';
import MenuOpenIcon from '@material-ui/icons/MenuOpen';

import { MainListItems } from './listItems';
import AccountMenu from '../../components/AccountMenu'
import ChangePasswordDialog from './ChangePasswordDialog';



const drawerWidth = 240; …

我有一个视图寻呼机,当它在起始页面时显示内容,但当我们从抽屉活动中取出该页面时,它没有显示任何内容.任何人都可以帮我解决这个问题吗？

Drawer当我旋转屏幕时底部溢出。