user-experience 相关问题

用户体验(UX)是人机交互和产品所有权的体验,情感,有意义和有价值的方面,也是人们对实用性,易用性和系统效率等实际方面的看法。从本质上讲,它是关于一个人对使用产品的感受。

如何定位#shadow-root内的元素?

我想更改 #shadow-root 内部的显示样式,但在定位它时遇到一些问题。第一个问题,是否可以通过CSS来定位它?还是通过JS来做比较好?...

回答 1 投票 0

微软的Clarity打破了CSS,不上传背景图片

微软的 Clarity 分解了 CSS,并且不会将背景图像上传到热图。我该如何解决这个问题以使会话看起来正常? 示例1 示例2 我通过谷歌查看了该网站...

回答 1 投票 0

数据网格内的列表类内容的最佳用户体验

希望有关于 UX 实践/UI 想法的任何建议,以允许用户在单个电子表格单元格中快速输入值列表,这些值表示与特定行相关的内容并且可以选择

回答 2 投票 0

有没有人曾与同时进行平面设计的用户体验设计师合作过,这是一个很好的组合吗?

我正在开发一个基于网络的应用程序框架,包括用户体验指南和艺术/图形设计指南,例如菜单的外观、标题、颜色、字体等。 我的用户体验设计师...

回答 7 投票 0

manifest.webmanifest 变量名称和图像

我正在开发一个供多个企业使用的 PWA 应用程序。每个企业都有自己的子域,我想知道是否可以在第一个loa使用变量或生成manifest.webmanifest...

回答 1 投票 0

如何使用 Jetpack Compose 隐藏 ActionBar

我想隐藏默认操作栏,所以在清单文件中我有以下代码: </styl...</desc> <question vote="5"> <p>我想隐藏默认操作栏,所以在清单文件中我有以下代码:</p> <pre><code> &lt;style name=&#34;Theme.MyCompose&#34; parent=&#34;Theme.Material.DayNight.NoActionBar&#34;&gt; &lt;/style&gt; &lt;style name=&#34;Theme.Material.DayNight.NoActionBar&#34; parent=&#34;@android:style/Theme.Material.Light.NoActionBar&#34; /&gt; </code></pre> <p>效果是这样的:</p> <p><a href="https://i.stack.imgur.com/l4J9H.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL2w0SjlILnBuZw==" alt=""/></a></p> <p>我想要实现的是这样的:</p> <p><a href="https://i.stack.imgur.com/q3md3.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL3EzbWQzLnBuZw==" alt=""/></a></p> <p>照片应覆盖白色区域。如何实现?</p> <p><strong>更新1</strong></p> <p>在实施具有半透明状态栏和伴奏插图支持的解决方案后,我遇到了奇怪的行为。当窗口标志设置如下时:</p> <pre><code> window.setFlags( WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS ) </code></pre> <p>虽然有插图,但一切看起来都是这样的: <a href="https://i.stack.imgur.com/uHfhO.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL3VIZmhPLnBuZw==" alt=""/></a></p> <p>删除这些标志时,插图可以工作,但我有那个阴影:</p> <p><a href="https://i.stack.imgur.com/CoQle.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL0NvUWxlLnBuZw==" alt=""/></a></p> </question> <answer tick="true" vote="12"> <p>如果您需要完全隐藏状态栏,则需要使用全屏主题,如<a href="https://stackoverflow.com/a/25365193/3585796">这个答案</a></p>所示 <hr/> <p><a href="https://developer.android.com/jetpack/androidx/releases/compose-foundation#1.2.0-alpha03" rel="noreferrer">自从 </a> Compose <strong>1.2.0-alpha03</strong> 起,<strong>Accompanist Insets</strong> 大部分移至 Compose Foundation 中,请查看 <a href="https://google.github.io/accompanist/insets/#migration" rel="noreferrer">迁移指南</a> 了解更多详细信息。以下答案的主要变化是不再需要 <pre><code>ProvideWindowInsets</code></pre>,并且应该替换一些导入。</p> <hr/> <p>如果您需要透明状态栏,您可以按照<a href="https://stackoverflow.com/a/29311321/3585796">这个答案</a>,加上设置<a href="https://google.github.io/accompanist/insets/" rel="noreferrer">伴奏插图</a>进行如下撰写:</p> <pre><code>WindowCompat.setDecorFitsSystemWindows(window, false) window.setFlags( WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS ) </code></pre> <p>然后在撰写中,您可以使用 <pre><code>systemBarsPadding</code></pre> 和其他 <a href="https://google.github.io/accompanist/insets/" rel="noreferrer">Accompanist Insets</a> 修饰符将图像设置为背景并从状态/导航栏偏移。</p> <pre><code>setContent { ProvideWindowInsets { ComposePlaygroundTheme { Box { Image( painterResource(id = R.drawable.my_image), contentDescription = &#34;...&#34;, contentScale = ContentScale.FillBounds, modifier = Modifier.fillMaxSize() ) Column( Modifier.systemBarsPadding() ) { Button(onClick = { /*TODO*/ }) { Text(&#34;Hello&#34;) } } } } } } </code></pre> <p>结果:</p> <p><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tLzdlOUo4LnBuZw==" width="300"/></p> </answer> <answer tick="false" vote="0"> <p>有一个新的 <a href="https://developer.android.com/reference/androidx/activity/EdgeToEdge" rel="nofollow noreferrer">EdgeToEdge</a> 解决方案可以使您的系统栏(状态栏/导航栏)完全透明。</p> <p>确保您使用的 compose.activity 依赖项至少为 <strong>1.8.0</strong>:</p> <pre><code> implementation(&#34;androidx.activity:activity-compose:1.8.0&#34;) </code></pre> <p>将此代码添加到活动的 <strong>onCreate()</strong> 方法中:</p> <pre><code>override fun onCreate(savedInstanceState: Bundle?) { enableEdgeToEdge( statusBarStyle = SystemBarStyle.light( Color.TRANSPARENT, Color.TRANSPARENT ), navigationBarStyle = SystemBarStyle.light( Color.TRANSPARENT, Color.TRANSPARENT ) ) super.onCreate(savedInstanceState) } </code></pre> <p>您的根可组合项应该如下所示:</p> <pre><code> ... val view = LocalView.current if (!view.isInEditMode) { SideEffect { val window = (view.context as Activity).window window.statusBarColor = Color.Transparent.toArgb() WindowCompat.getInsetsController(window, view).isAppearanceLightStatusBars = !darkTheme } } ... </code></pre> </answer> </body></html>

回答 0 投票 0

使用修饰键微调 HTML 输入范围中的值

我目前正在开发一个涉及使用输入范围元素的 HTML 界面。在电子音乐制作中,通常能够使用特殊键微调控制值......

回答 1 投票 0

htaccess 将 url 更改为更友好的

我最近可以让我的一些网址更加用户友好。 但现在我有一些问题可以改变其他的。 例如这个: https://ugocd.com/ilustracion-filtro?id=Retrato%20Digital&

回答 1 投票 0

Windows 10 在任意位置粘贴时间戳

我希望有一个快捷方式可以在 Windows 10 中使用的任何程序中放置时间戳。 我没有找到任何本地资源。 我想知道我是否可以编写一些宏或脚本或一些基本的

回答 3 投票 0

如何将底部工作表放在底部导航栏上方

我想知道如何在底部导航栏上方放置一个底页,例如这里的 binance lite 应用程序: 例子 我尝试使用 rootnavigator false 但它不起作用,因为......

回答 1 投票 0

当父级禁用时禁用子视图触摸

我正在创建一个可点击的自定义视图来替换 android.widget.Switch(Switch),使用 onDraw 而不是额外的 Drawable。当我以前使用 Switch 时,如果禁用了父级,则 Switch 也会...

回答 1 投票 0

在元素的默认样式中设置光标,还是在element:hover中设置光标?

以下两者有什么实际区别吗? 按钮 { 光标:指针; } 和: 按钮:悬停{ 光标:指针; } MDN 文档特别指出: 光标 CSS 属性...

回答 1 投票 0

如何在 Flutter 中为 Windows 操作系统等多显示器创建显示重新排列 UI?

我正在开发 Flutter 桌面应用程序,我需要实现一个 UI,允许用户在连接多个显示器时重新排列显示,类似于 Windows 操作系统中的功能。

回答 1 投票 0

当我应该使用只读而不是禁用时

我想知道什么时候应该使用readonly而不是disabled,因为我认为disabled要好得多:可以立即识别出readonly不是。 我指定这个问题...

回答 1 投票 0

Flutter table_calendar 日历风格

我正在使用 table_calendar Flutter 包。我想知道是否可以将日历设置为类似于谷歌(和大多数)日历的样式。我希望它直接显示约会

回答 1 投票 0

Flutter:与 Icons.expand 相反?

Flutter 有一个名为“expand”的材质图标,Icons.expand https://api.flutter.dev/flutter/material/Icons/expand-constant.html 是否有一个图标显示指向内的箭头? Icons.coll...

回答 1 投票 0

如何正确使用onmousedown/onmouseup?

每当我编写鼠标处理代码时,onmousedown/onmouseup/onmousemove 模型似乎总是迫使我生成不必要的复杂代码,这些代码最终仍然会导致各种 UI bug...

回答 2 投票 0

推荐的最小按钮尺寸

正常情况下有推荐的最小按钮尺寸吗? 我所说的“推荐”是指某些文件规定的,例如: Apple HCI 指南 Windows 用户体验指南 或一些 ISO 标准.. ...

回答 3 投票 0

HCI:让用户等待完成所有事情,还是摊销?

我正在编写一个 silverlight 应用程序,它查询 Web 服务以填充树控件。每个元素至少有 2 个级别的子元素,所以像这样: A +-b +-c d +-g +-h e +-i ...

回答 3 投票 0

显示非规范化数据的可用性解决方案

我遇到了典型的阻抗不匹配,其中数据以标准化方式存储: 客户|年份|价值 -------------------------- 富 2007 9000000 富 2008 10000000 酒吧...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.