小编jon*_*ycg的帖子

当父元素有最小高度/最大高度值但没有高度值时,为什么子元素上的 height: 100% 不适用?

假设我们有以下设置:

.container {
  background-color: red;
  width: 500px;
  min-height: 300px;
}

.child {
  background-color: blue;
  width: 500px;
  height: 100%;
}
Run Code Online (Sandbox Code Playgroud)
<div class="container">
  <div class="child">
    
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

很明显,该container元素正在以设置为 的高度进行渲染300px,但该child元素没有任何高度,尽管已设置为100%

当元素的高度container设置为even时1px,元素会突然以高度child填充整个。container300px

.container {
  background-color: red;
  width: 500px;
  min-height: 300px;
  height: 1px;
}

.child {
  background-color: blue;
  width: 500px;
  height: 100%;
}
Run Code Online (Sandbox Code Playgroud)
<div class="container">
  <div class="child">
    
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

即使没有设置高度,该container元素也会清晰地呈现,那么为什么需要在元素实际应用它300px之前设置高度呢?childheight: 100%

编辑:要明确的是,我并不是在寻找让子高度占据整个父元素的解决方案,我只是想了解为什么会这样。

html css

9
推荐指数
1
解决办法
2820
查看次数

导航抽屉项目仅在Android 8中为粉红色而不是黑色

编辑:我刚刚意识到它实际上并不是强调色.我尝试改变强调颜色,当它在其他地方改变时,我的导航项目的颜色保持粉红色.我只是假设它是强调色,因为它与它相似.现在我不知道那种颜色来自哪里.

我刚刚注意到,在我的应用程序中,导航抽屉项目是强调颜色,而不是在Android 8上运行时的黑色.

在Android 7中它们仍然是黑色的,它只是Android 8,它是不同的.另外,在Android Studio中查看设计预览时,它会将它们显示为API 26(Android 8)的黑色,但在运行时它是强调色.

以下是一些展示此问题的图片:

这就是在Android Studio的设计预览和8之前的版本中的样子: 在此输入图像描述

在Android 8上:

在此输入图像描述

请注意,当项目处于活动状态时(原始颜色仍然是我想要的),原色仍然有效,但如果我尝试将图标或文本的色调更改为黑色,则它在活动时不再能够更改为原色,以便不适合作为一种解决方法.

styles.xml

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

    <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>

    </style>

    <style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />

    <style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />

</resources>
Run Code Online (Sandbox Code Playgroud)

colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#F44336</color>
    <color name="colorPrimaryDark">#D32F2F</color>
    <color name="colorAccent">#FF4081</color>

</resources>
Run Code Online (Sandbox Code Playgroud)

导航活动的xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start"> …
Run Code Online (Sandbox Code Playgroud)

android android-layout

6
推荐指数
1
解决办法
1296
查看次数

在 Excel 中查看来自 Firebase 的 JSON 数据?

我使用 Firebase,因为它似乎是 Android 上最简单的数据库解决方案。我只是在玩弄它以获得一点感觉。现在最让我困惑的是如何(如果可能的话)如何以某种形式的表格(例如 Excel 中的表格)表示数据库。我知道 Firebase 以 JSON 格式导出,但它并不是专门设计来这样显示的,但肯定有一些系统能够做到这一点?或者我是否必须编写自己的程序来生成 CSV 文件?

举个例子,我创建了一个应用程序来记录出租车类型服务的行程信息。它记录了票价名称、目的地和行程费用。这是 JSON 的示例。

{
  "Jobs" : {
    "job0" : {
      "Cost" : "$30",
      "Destination" : "Demo Dest 1",
      "Name" : "Demo Name 1"
    },
    "job1" : {
      "Cost" : "$40",
      "Destination" : "Demo Dest 2",
      "Name" : "Demo Name 2"
    }
  },
  "job number" : 2
}
Run Code Online (Sandbox Code Playgroud)

现在假设我想生成一份仅包含工作信息的电子表格。它将具有“名称”、“目的地”和“成本”的列标题,并且会列出每个标题中的相应信息。

这样的事情可能发生还是只是一厢情愿?如果没有,是否有您推荐的适用于 Android 的基于在线表格的数据库工具,该工具也很简单?

预先感谢,我真的很感激。

excel json firebase firebase-realtime-database

5
推荐指数
1
解决办法
6175
查看次数