问题标签 [ui-patterns]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
539 浏览

android - 用于将部分记录信息保存到数据库的 Android UI 模式

我正在设计一个简单的费用应用程序,它可以跟踪我每月的费用。费用有名称、金额和类别。可以随意添加/删除类别。我将类别和费用存储在数据库中。

现在,我公开添加类别功能的方式是在“添加费用”活动中保留一个 editText 和一个名为“添加类别”的按钮。

所以,对于一个用户场景,比如用户没有输入任何关于费用的信息,而只是添加了类别,我希望它保存在数据库中。

通过使用 AsyncTask 调用数据库助手将值插入表中,可以立即在数据库中完成类别保存。

同时,我很困惑是否应该放置一个progressDialog,以便告诉用户我正在保存某些内容或让他在其他字段中填充信息。

将记录的部分信息保存到数据库中时,究竟是什么 UI 模式或通常遵循的策略。另外,如果将类别添加到数据库中会产生错误,我应该导航到不同的活动吗?

另外,一个附带的问题,我应该将“添加类别”按钮放在与添加费用不同的活动中吗?

0 投票
1 回答
110 浏览

android - 您如何使这种不那么常见的 Android UI 模式?

我最近使用了一个 Android 应用程序,其中包含一个有趣的 UI 模式。我制作了两个屏幕截图来向您展示我在说什么:

初始状态(看屏幕右侧的蓝色矩形):

在此处输入图像描述

单击该蓝色矩形后,它会平滑地向左滑动,从而产生以下屏幕:

在此处输入图像描述

我的问题很简单,您认为如何实现?另外,这个图案叫什么名字?滑动窗格?

0 投票
2 回答
2017 浏览

android - ActionBar Tabs Navigation with Custom ActionBar view strange behavior

I'm having this strange behavior with the action ActionBar Tabs showing above the ActionBar. This happens to be happening when I am setting a custom view for the ActionBar.I'm implementing the Done-Discard pattern using Roman Nurik's example here

This is happening due to the masking of ActionBar.DISPLAY_SHOW_HOME in setDisplayOptions()

The screen looks like this: enter image description here

But when I dont mask the ActionBar.DISPLAY_SHOW_HOME it works fine but the App Logo is displayed. like this.

enter image description here

This seems to be a bug.Please suggest a fix.I don't want the logo to be displayed.

0 投票
1 回答
287 浏览

ibm-mobilefirst - IBM Worklight 6.1 - 自定义 UI 模式

我正在尝试移动模式,并且一直在尝试创建我自己的自定义模式,现在据称它在 Worklight 6.1 中受支持。

当我尝试创建 jquery UI 模式时,有几个问题: 1. pattern.html 的富页面编辑器没有在设计页面上正确显示 jquery 组件(例如按钮显示为链接)。2. 当我基于自定义 UI 模式添加新页面(到 jquery 混合应用程序中)时,它不会创建新页面。它只是将内容代码添加到 index.html 中,我必须自己创建页面。这是正确的行为吗?

我在创建 Dojo UI 模式时也遇到了困难……因为当我打开 dojo > pattern.html 文件时,调色板上没有可用的 Dojo 组件。我是否必须手动添加库和代码(即没有拖放)?

感谢对此的任何指示。

PS:我正在使用 Eclipse Juno R2

0 投票
2 回答
1968 浏览

ui-automation - Microsoft UI 自动化:调用模式异常

我正在尝试使用调用模式单击按钮。

它抛出 COMException,我不知道为什么?

当我运行此代码时,实际上按下了按钮并且功能运行良好。但是它只是停止了一段时间,并抛出了这个异常。

0 投票
0 回答
446 浏览

javascript - 渐进式披露 - jquery - 逐个元素

我需要使用 JQuery 开发渐进式披露。

当屏幕加载时,所有元素都将被禁用。当用户填充一个元素时,应该启用下一个元素。它应该按顺序发生。

当用户单击一些 html 输入元素(如单选按钮)时会出现问题,我们有一个 section/div 刷新,默认情况下,div 中的所有元素在刷新时都会启用。

我的要求是不要向控件添加任何代码,而是要有全局事件侦听器和一个回调,只要有部分屏幕刷新(div 使用 ajax 调用刷新)就会触发。

小提琴

0 投票
0 回答
816 浏览

android - 如何制作一个显示谷歌地图等搜索结果的用户界面?

谷歌地图搜索结果

Google Maps 的搜索结果视图具有 Material design 的卡片式外观,但卡片本身就像列表。

我想实现一个类似的搜索页面,当用户输入时,第一张卡片显示用户历史记录中的匹配结果,第二张卡片列出了 Google Places API 返回的结果。为此,我打算将 CardViews ( ref ) 放在 LinearLayout 中(位于垂直 ScrollView 内)。

但是我不确定如何让卡片看起来像这些列表。

0 投票
1 回答
166 浏览

c# - 用于添加/编辑记录的 ASP.NET MVC 视图的模式

我想交换/分享程序员在设计屏幕视图时可以应用的一些设计模式,这些设计模式以前可以为具有外键的实体向数据库添加和编辑记录。

根据我的经验,我经常应用几种方法:

  • 用户通过从父视图中选择添加子项来添加子记录
  • 用户通过直接在创建/编辑页面中选择父关系来添加子记录

在第一种情况下,模式非常简单。假设您有一个客户可以拥有许多商店的实体CustomerStore然后,程序员可以在客户详细信息页面中添加一个“添加商店”按钮,该按钮将在服务器上调用一个 GET 操作,该操作返回一个已设置客户的默认填充商店。例如:

虽然这很容易实现,但它需要程序员编写许多操作方法和视图,这些操作方法和视图可以设计得比这个例子好一点。

我想知道您在经验中是否使用了任何其他模式。此外,如果有任何链接/书籍可供阅读以进一步探索该主题。

0 投票
1 回答
1421 浏览

android - 模型视图演示者 - 相同的视图,不同的演示者

我正在使用 MVP 构建一个 Android 应用程序,我对这种模式有一个疑问。

假设我有一个用于创建新人的屏幕。此屏幕将显示一个EditText用于插入姓名、另一个用于姓氏、一个ImageView用于显示选择的照片图片等。这将导致一个View界面,由Fragment. 它将与一个Presenter接口合作,由另一个类实现。

美好的。

现在我有了另一个功能:用于编辑现有人员的屏幕。碰巧的是View,此功能与创建新人的功能相同。但是,Presenter情况不同。它将首先从数据库加载现有人员以使用当前数据预填充视图,并且单击“保存”时对数据库的操作将是更新而不是插入。

所以,我认为这是 MVP 的一个例子,其中一个 View 与 Presenter 的不同实现一起工作以实现不同的用例

  1. 你认为这是一个正确的假设,还是你认为不同的特性应该有不同的ViewPresenter接口?

  2. 另外,如果您使用 commonView和 different Presenters,那么实现View是通用的,还是会导致两个类实现相同的接口?在实践中,我看到了两种选择。

    • 只有一个Fragment实现View. 根据用户是要创建新人还是更新现有人,Fragment 应该接收并使用不同的 Presenter。

    • 有两个Fragments。每一个都会实例化一个不同的Presenter. 使用组合或继承来避免两个片段之间的代码复制。

在这些情况下,您认为怎样做比较好?

谢谢。

0 投票
1 回答
275 浏览

oop - 用于创建特定视图元素的设计模式

假设我们有一个为我们创建一些产品的抽象工厂。我们知道抽象工厂可以为我们提供产品的一些特定子类,但我们不想检查类型(这是这种模式的主要原因)。现在我们需要为每种类型的对象创建一个特定的视图,我们如何在不知道具体类型的情况下做到这一点呢?同一个工厂应该创建不同的视图吗?

更新:我创建了一个github 存储库来尝试所有不同的方法。