[外观设计]带栅格拖拽布局管理图形用户界面的显示屏幕面板

摘要

1.本外观设计产品的名称：带栅格拖拽布局管理图形用户界面的显示屏幕面板。2.本外观设计产品的用途：用于信息显示、运行程序和人机交互；该显示屏幕面板用于台式电脑、平板电脑、笔记本电脑、嵌入式电脑、自动终端机或液晶电视。3.本外观设计产品的设计要点：在于显示屏幕显示的图形用户界面的内容。4.最能表明设计要点的图片或照片：主视图。5.不涉及设计要点，省略后视图、左视图、右视图、俯视图、仰视图。6.图形用户界面的用途：用于在界面中展示多个包含有数据信息的卡片，同时基于栅格拖拽对界面中卡片的布局进行排版。7.图形用户界面的变化状态说明：主视图中的界面为主界面，在主视图中，点击右上角的“添加卡片”，进入界面变化状态图1，允许新增卡片；在界面变化状态图1中“添加卡片”的界面中，选择新增内容，点击“保存”，进入界面变化状态图2，完成卡片新增；在界面变化状态图2中，设置完成三个卡片的数据，并分别点击三个卡片上“保存卡片设置”，则进入界面变化状态图3；点击界面变化状态图3中“产品A需求状态分布”卡片上的“...”，进入界面变化状态图4；点击界面变化状态4中的“编辑卡片”，进入界面变化状态图5；在界面变化状态图5中，设置完成卡片数据并点击“保存卡片设置”，则进入界面变化状态图3；点击界面变化状态图3右上角的“卡片布局”进入界面变化状态图6，呈现出卡片可拖拽状态；拖动界面变化状态图6中的“产品A需求状态分布”卡片右下角并左移，进入界面变化状态图7，拖动而形成的空区域显示浅蓝色的栅格；在界面变化状态图7中，停止拖动“产品A需求状态分布”卡片并放开鼠标，进入界面变化状态图8，拖动而形成的空区域显示浅灰色的栅格；向左拖动界面变化状态图8中的“产品V1.0版本缺陷分布”卡片的非边角位置，进入界面变化状态图9；在界面变化状态图9中，放开鼠标，“产品V1.0版本缺陷分布”卡片与“产品需求燃尽图”卡片位置交换，进入界面变化状态图10；在界面变化状态图10中，拖动“我所有的待处理”卡片的右侧边缘，进入界面变化状态图11；在界面变化状态图11中，点击“保存”，进入界面变化状态图12。