CN113867856A - 一种卡片隐喻式界面实现方法 - Google Patents

一种卡片隐喻式界面实现方法 Download PDF

Info

Publication number
CN113867856A
CN113867856A CN202111001341.7A CN202111001341A CN113867856A CN 113867856 A CN113867856 A CN 113867856A CN 202111001341 A CN202111001341 A CN 202111001341A CN 113867856 A CN113867856 A CN 113867856A
Authority
CN
China
Prior art keywords
card
metaphor
point
track
list
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202111001341.7A
Other languages
English (en)
Inventor
黄惊宇
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Huizhou Foryou General Electronics Co Ltd
Original Assignee
Huizhou Foryou General Electronics Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Huizhou Foryou General Electronics Co Ltd filed Critical Huizhou Foryou General Electronics Co Ltd
Priority to CN202111001341.7A priority Critical patent/CN113867856A/zh
Publication of CN113867856A publication Critical patent/CN113867856A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

本发明提供卡片隐喻式界面实现方法，方法包括：步骤1、构建初始卡片隐喻列表，所述初始卡片隐喻列表中至少包含1张卡片隐喻；步骤2、设置焦点卡片隐喻参数、焦点区域；步骤3、响应用户的卡片隐喻切换操作，获取所述焦点区域内的当前卡片隐喻，将所述当前卡片隐喻以焦点卡片隐喻进行显示。本发明提高了人机交互的乐趣，满足了用户的审美需求。

Description

一种卡片隐喻式界面实现方法
技术领域
本发明涉及人机交互技术领域，尤其涉及一种卡片隐喻式界面实现方法。
背景技术
人机交互是电子产品设计的重要内容，人机交互的优劣直接确定了操作是否简便。人机交互的基本要求是方便用户获取或输入交互信息，从而达到控制产品的目的。
随着人机交互技术的不断发展，出现了越来越多的人机交互方式（例如触摸控制、语音控制、手势控制等），在较大程度上提高了人机交互的速度和产品的易用性。
由于辨识度好，基于图标的触摸控制仍然是目前主流的人机交互方式。然而，目前触摸控制的人机交互布局比较单一固定，例如九宫格、瀑布式布局，用户在使用的过程中不能切换界面的布局方式，使用时间长了以后容易产生审美疲劳。
发明内容
本发明提供一种卡片隐喻式界面实现方法，旨在解决现有技术中的缺陷，提高人机交互的乐趣，满足用户的审美需求。
为达到上述目的，本发明所采取的技术方案为：
本发明提供一种卡片隐喻式界面实现方法，包括：
步骤1、构建初始卡片隐喻列表，所述初始卡片隐喻列表中至少包含1张卡片隐喻；
步骤2、设置焦点卡片隐喻参数、焦点区域；
步骤3、响应用户的卡片隐喻切换操作，获取所述焦点区域内的当前卡片隐喻，将所述当前卡片隐喻以焦点卡片隐喻进行显示。
进一步地，在所述步骤3之后还包括：
步骤4、响应用户的隐喻删除操作，将选中的可见隐喻从当前卡片隐喻列表中删除，以第一预设规则更新当前卡片隐喻列表；
步骤5、将删除的隐喻添加于待选隐喻列表中。
进一步地，在所述步骤5之后还包括：
步骤6、响应用户的隐喻增加操作，将选中的待选隐喻增加到当前卡片隐喻列表中，以第二预设规则更新当前卡片隐喻列表；
步骤7、将已添加的隐喻从所述待选隐喻列表中删除。
具体地，所述步骤1包括：
步骤101、存储各卡片隐喻元素；
步骤102、建立布局坐标系，获取卡片容器的布局尺寸参数，所述布局尺寸参数包括容器布局的高度和宽度，以及容器布局所在的起始位置的横坐标、纵坐标；
步骤103、获取容器内卡片隐喻列表的显示模式及对应的显示轨迹；
步骤104、计算所述显示轨迹上各像素分割点的坐标；
步骤105、根据容器内卡片的数量、显示模式，确定各卡片的顶点坐标；
步骤106、确定各卡片的每个顶点的匹配像素分割点；
步骤107、连接所述匹配像素分割点完成各卡片的绘制；
步骤108、读取各卡片隐喻元素，按照列表中各卡片隐喻的初始顺序填充到各卡片中，生成初始卡片隐喻列表。
具体地，所述显示模式为弧形。
具体地，所述步骤104包括：
步骤104A、以第一规则、第二规则分别设定第一轨迹点集、第二轨迹点集，所述第一轨迹点集为轨迹上弧形对应的上轨迹圆的像素分割点，所述第二轨迹点集为轨迹下弧形对应的下轨迹圆的像素分割点；
步骤104B、根据所述像素分割点的总数量，第一轨迹点集、第二轨迹点集的坐标；
步骤104C、判断所述第一轨迹点集、第二轨迹点集中的当前像素分割点是否在卡片容器内，是则保留，否则舍弃。
具体地，所述步骤105包括：
步骤105A、根据容器内卡片的数量计算各卡片的宽度；
步骤105B、获取当前卡片起始边的起点横坐标、终点横坐标，以及终止边的起点横坐标、终点横坐标。
具体地，所述步骤106包括：
步骤106A、遍历第一轨迹点集，提取第一轨迹点子集，所述第一轨迹点子集为第一轨迹点集中满足第一预设条件的像素分割点；
步骤106B、遍历第二轨迹点集，提取第二轨迹点子集，所述第二轨迹点子集为第二轨迹点集中满足第二预设条件的像素分割点；
步骤106C、判断当前卡片起始边的起点横坐标是否大于或等于上轨迹圆的圆心横坐标或下轨迹圆的圆心横坐标，是则根据第三规则确定当前卡片起始边的起点、终点以及终止边的起点、终点对应的各像素分割点坐标，否则根据第四规则确定当前卡片起始边的起点、终点以及终止边的起点、终点对应的各像素分割点坐标。
具体地，所述第三规则为：将第一轨迹点子集中纵坐标最大者确定为起始边的起点纵坐标，将纵坐标最小者确定为终止边的起点纵坐标；
将第二轨迹点子集中纵坐标最小者确定为起始边的终点纵坐标，将纵坐标最大者确定为终止边的终点纵坐标。
具体地，所述第四规则为：将第一轨迹点子集中纵坐标最小者确定为起始边的起点纵坐标，将纵坐标最大者确定为终止边的起点纵坐标；
将第二轨迹点子集中纵坐标最大者确定为起始边的终点纵坐标，将纵坐标最小者确定为终止边的终点纵坐标。
本发明的有益效果在于：本发明通过构建初始卡片隐喻列表，设置焦点卡片隐喻参数、焦点区域，响应用户的卡片隐喻切换操作，将当前卡片隐喻以焦点卡片隐喻进行显示，并可根据用户选择的显示模式切换卡片隐喻的显示布局，提高了人机交互的乐趣，满足了用户的审美需求。
附图说明
图1是本发明的卡片隐喻式界面实现方法的流程示意图；
图2是本发明的卡片隐喻列表示意图；
图3是本发明的删除隐喻示意图；
图4是本发明的增加隐喻示意图；
图5是本发明的弧形卡片隐喻列表显示示意图。
具体实施方式
下面结合附图具体阐明本发明的实施方式，附图仅供参考和说明使用，不构成对本发明专利保护范围的限制。
实施例1
如图1所示，本实施例提供一种卡片隐喻式界面实现方法，包括：
步骤1、构建初始卡片隐喻列表，所述初始卡片隐喻列表中至少包含1张卡片隐喻。
在本实施例中，所述卡片隐喻由卡片和隐喻两部分构成。所述卡片为用户界面上用于表示可以与隐喻进行交互的区域，所述隐喻为用于表示交互内容的表达；所述隐喻显示在所述卡片内。例如，如图2所示，以“NAVI”文字隐喻表示要交互的导航功能，卡片为中心坐标为(10,10)的矩形区域，则点击该矩形区域后，将打开导航APP。
在本实施例中，卡片隐喻可以是不同应用程序（APP）的隐喻，即所述卡片隐喻列表中的每个卡片隐喻对应一个APP，例如收音APP、导航APP、音乐APP等；也可以是同一个应用程序中若干相同或类似设置项的隐喻，即所述卡片隐喻列表中的每个卡片隐喻对应一个设置项，例如收音APP的不同频率的电台。
所述卡片隐喻列表中的卡片隐喻既包括可见的卡片隐喻，也包括不可见的卡片隐喻，不可见的卡片隐喻通过用户的操作（例如左右滑动）可变为可见的卡片隐喻，同时，之前部分可见的卡片隐喻可变为不可见的卡片隐喻；可见的卡片隐喻和不可见的卡片隐喻可以形成一个闭环（即从最后一张卡片隐喻可以切换到第一张卡片隐喻），也可以是开环（即切换到最后一张卡片隐喻后不能再切换到下一张，而是后退切换到上一张）。
各卡片隐喻的顺序可以由用户调节，也可以将按照使用的频次进行排序。
步骤2、设置焦点卡片隐喻参数、焦点区域。
所述焦点卡片隐喻是指以突出形式显示期望的卡片隐喻，焦点卡片隐喻参数包括焦点卡片隐喻的形状、尺寸。
所述焦点区域是指某个卡片隐喻处于该区域内后所述卡片隐喻以焦点卡片隐喻的形式进行显示。
例如，如图2所示，焦点卡片隐喻为高度为100个像素、宽度为150个像素的矩形卡片隐喻。焦点区域为屏幕中心点上下左右20个像素构成的矩形区域，也可以是屏幕最左边40个像素构成的矩形区域。
在本发明的一个实施例中，各卡片隐喻、焦点卡片隐喻以框架布局（FrameLayout）的形式设置。框架布局是Android布局的一种，它允许内部的子控件重叠显示。容易理解，在不同的操作系统下，可以为各卡片隐喻、焦点卡片隐喻选择不同的实现方式。
步骤3、响应用户的卡片隐喻切换操作，获取所述焦点区域内的当前卡片隐喻，将所述当前卡片隐喻以焦点卡片隐喻进行显示。
在本实施例中，作为一种可实施的方法，所述卡片隐喻切换操作为左滑或右滑触摸操作。当然，所述卡片隐喻切换操作也可以是用户定义的其它操作。
实施例2
与实施例1不同的是，本实施例在所述步骤3之后还包括：
步骤4、响应用户的隐喻删除操作，将选中的可见隐喻从当前卡片隐喻列表中删除，以第一预设规则更新当前卡片隐喻列表。
在本实施例中，作为一种可实施的方法，所述隐喻删除操作为上滑或者下滑触摸操作。当然，所述隐喻删除操作也可以是用户定义的其它操作。
在本实施例中，所述第一预设规则包括：若所述选中的可见卡片隐喻位于焦点卡片隐喻左侧，则以向右靠拢的方式更新所述焦点卡片隐喻左侧卡片中的隐喻；若所述选中的可见卡片隐喻位于焦点卡片隐喻右侧，则以向左靠拢的方式更新所述焦点卡片隐喻右侧卡片中的隐喻。
例如，选中图2中的Music隐喻，并执行隐喻列表删除操作（上滑或者下滑触摸操作），则将Music隐喻从当前卡片隐喻列表中删除，将Raido隐喻向右靠拢，填充到原来Music卡片的位置，将之前不可见的Carplay隐喻填充到原来Radio卡片位置上，卡片隐喻列表更新为如图3所示。
步骤5、将删除的隐喻添加于待选隐喻列表中。
例如，如图3所示，将已删除的Music隐喻并回收到上方待选隐喻列表中（例如图3中所示的+）。
实施例3
与实施例2不同的是，本实施例在所述步骤5之后还包括：
步骤6、响应用户的隐喻增加操作，将选中的待选隐喻增加到当前卡片隐喻列表中，以第二预设规则更新当前卡片隐喻列表。
所述第二预设规则包括：若增加的隐喻位于焦点卡片隐喻左侧，则以向左推挤的方式更新插入点左侧卡片中的隐喻；若增加的隐喻位于焦点卡片隐喻右侧，则以向右推挤的方式更新插入点右侧卡片中的隐喻。
例如，从图3所示的待选隐喻列表中选择Music隐喻，通过拖动Music隐喻到卡片隐喻列表区域内某一卡片隐喻位置上（例如AUX卡片隐喻）来执行隐喻增加操作，则将AUX隐喻向右推挤，填充到原来Setting隐喻的位置，将之前可见的Setting隐喻变为不可见的隐喻，卡片隐喻列表更新为如图4所示。
步骤7、将已添加的隐喻从所述待选隐喻列表中删除。
实施例4
与实施例1不同的是，本实施例提供所述步骤1的一种具体实施方法，包括：
步骤101、存储各卡片隐喻元素。
在本实施例中，所述卡片隐喻元素是指用于构成对应卡片隐喻所需的内容，例如收音APP的卡片隐喻元素包括收音APP的图标、名称（文字）、常用的控制按钮图标（例如上一个电台、下一个电台等），导航APP的卡片隐喻元素包括导航APP的图标、常用的控制按钮图标（例如导航播报静音等），等等。
步骤102、建立布局坐标系，获取卡片容器的布局尺寸参数，所述布局尺寸参数包括容器布局的高度H和宽度W，以及容器布局所在的起始位置（左上角）的横坐标x0、纵坐标y0。
本实施例中，所述卡片容器为ViewPager。ViewPager允许用户通过左右滑动翻页的操作来实现数据展示的变化。
在本实施例中，所述布局坐标系以显示画面的左上角为原点，以水平向右为X轴正向，以垂直向下为Y轴正向。所述容器布局起始位置为布局的左上角。
步骤103、获取容器内卡片隐喻列表的显示模式及对应的显示轨迹。
所述显示模式是指所有的卡片隐喻呈现的整体形状，例如直线形、弧形、拱凸型、内凹型，等等，可以由用户通过菜单选择，系统默认选择弧形。所述显示轨迹为所有的卡片顶点连线构成的形状。
例如，若所述显示模式为弧形，则所述对应的显示轨迹由上下圆弧构成。
步骤104、计算所述显示轨迹上各像素分割点的坐标。
步骤105、根据容器内卡片的数量、显示模式，确定各卡片的顶点坐标。
一般，为了界面的对称美观，容器内卡片的数量n为奇数，例如，在本实施例中，n=7。
步骤106、确定各卡片的每个顶点的匹配像素分割点。
步骤107、连接所述匹配像素分割点完成各卡片的绘制。
步骤108、读取各卡片隐喻元素，按照列表中各卡片隐喻的初始顺序填充到各卡片中，生成初始卡片隐喻列表。
在本实施例中，通过PagerAdapter来实现各卡片隐喻元素的填充。
在本发明的一个实施例中，所述显示模式为弧形。
在本发明的一个实施例中，所述步骤104包括：
步骤104A、以第一规则、第二规则分别设定第一轨迹点集、第二轨迹点集，所述第一轨迹点集为轨迹上弧形对应的上轨迹圆的像素分割点，所述第二轨迹点集为轨迹下弧形对应的下轨迹圆的像素分割点。
如图5所示，所述第一规则为：第一个像素分割点与圆心的连线与X轴正方向的夹角为2π-2π/m，其它像素分割点以逆时针方向设置，直至最后一个点与X轴正方向的夹角为0°；
所述第二规则为：第一个像素分割点与圆心的连线与X轴正方向的夹角为2π/m，其它像素分割点以逆时针方向设置，直至最后一个点与X轴正方向的夹角为360°；其中m表示像素分割点的总数量。
上下轨迹圆的圆心坐标值和半径，在设定弧形时可以预先设定。
像素分割点的总数量m的设定需要确保位于容器内的像素分割点大于2n；像素分割点的总数量m设定越多，则各卡片呈现的弧形越精准。在本实施例中，像素分割点的总数量m=3600。
步骤104B、根据所述像素分割点的总数量，第一轨迹点集、第二轨迹点集的坐标。
容易理解，第一轨迹点集位于容器内的各像素分割点的坐标均大于上轨迹圆的圆心坐标，第二轨迹点集位于容器内的各像素分割点的坐标均小于下轨迹圆的圆心坐标。
在本实施例中，如图5所示，所述第一轨迹点集Q(i)的坐标计算公式为：
xQ(i)=x(c1)+RQ*cos(2π*i/m),y(i)Q=y(c1)+RQ*sin(2π*i/m)；
所述第二轨迹点集P(i)的坐标计算公式为：
xP(i)=x(c2)-RP*cos(2π*i/m)，y(i)P=y(c2)-RP*sin(2π*i/m)；
其中，(x(c1),y(c1))表示下轨迹圆的圆心坐标，(x(c2),y(c2))表示上轨迹圆的圆心坐标，RP、RQ分别表示上下轨迹圆的半径，i=1,2,3…m表示当前像素分割点的序号，m表示像素分割点的总数量。
步骤104C、判断所述第一轨迹点集、第二轨迹点集中的当前像素分割点是否在卡片容器内，是则保留，否则舍弃。
例如，当P(i)点坐标满足如下条件时，判断为在卡片容器内：
x0≤x(i)P≤x0+W，y0≤y(i)P≤y0+H；
x0≤x(i)Q≤x0+W，y0≤y(i)Q≤y0+H。
在本发明的另一个实施例中，所述步骤105包括：
步骤105A、根据容器内卡片的数量计算各卡片的宽度。
Wb=[Wc-(n-1)*Ws]/n，
其中，Wb表示各卡片的宽度，Wc表示容器宽度，Ws表示卡片间距，n表示容器内卡片的数量，都是固定已知的。
在本实施例中，所述各卡片的宽度Wb即为各梯形的高。
步骤105B、获取当前卡片起始边（SSkSEk）的起点横坐标xss(k)、终点横坐标xse(k)，以及终止边（ESkEEk）的起点横坐标xes(k)、终点横坐标xee(k)。
在本实施例中，所述卡片起始边是指横坐标较小的边，所述终止边是指横坐标较大的边。所述起始边、终止边均由一个起点（SSk、ESk）和一个终点（SEk、EEk）之间的连线构成，起点（SSk、ESk）位于上弧线上，终点（SEk、EEk）位于下弧线上。
xss(k)=xse(k)=(Wb+Ws)*(k-1)+Ws，xes(k)=xee(k)=xs(k)+Wb，
其中，k=1,2,3…n，表示当前卡片的序号。
在本发明的另一个实施例中，步骤106具体步骤如下：
步骤106A、遍历第一轨迹点集Q(i)，提取第一轨迹点子集Q(j)，所述第一轨迹点子集Q(j)为第一轨迹点集Q(i)中满足第一预设条件的像素分割点。
所述第一预设条件为：xss(k)＜xQ(j)＜xes(k) (1≤j≤i)
步骤106B、遍历第二轨迹点集P(i)，提取第二轨迹点子集P(j)，所述第二轨迹点子集P(j)为第二轨迹点集P(i)中满足第二预设条件的像素分割点。
所述第二预设条件为：xse(k)＜xP(j)＜xee(k) (1≤j≤i)
步骤106C、判断当前卡片起始边的起点横坐标xss(k)是否大于或等于上轨迹圆的圆心横坐标x(c1)或下轨迹圆的圆心横坐标x(c2)，是则根据第三规则确定当前卡片起始边的起点、终点以及终止边的起点、终点对应的各像素分割点坐标，否则根据第四规则确定当前卡片起始边的起点、终点以及终止边的起点、终点对应的各像素分割点坐标。
在本实施例中，所述第三规则为：将第一轨迹点子集Q(j)中纵坐标最大者[yQ(j)]max确定为起始边的起点纵坐标yss(k)，将纵坐标最小者[yQ(j)]min确定为终止边的起点纵坐标yes(k)；
将第二轨迹点子集P(j)中纵坐标最小者[yP(j)]min确定为起始边的终点纵坐标yse(k)，将纵坐标最大者[yP(j)]max确定为终止边的终点纵坐标yee(k)。
在本实施例中，所述第四规则为：将第一轨迹点子集Q(j)中纵坐标最小者[yQ(j)]min确定为起始边的起点纵坐标yss(n)，将纵坐标最大者[yQ(j)]max确定为终止边的起点纵坐标yes(k)；
将第二轨迹点子集P(j)中纵坐标最大者[yP(j)]max确定为起始边的终点纵坐标yse(k)，将纵坐标最小者[yP(j)]min确定为终止边的终点纵坐标yee(k)。
以上所揭露的仅为本发明的较佳实施例，不能以此来限定本发明的权利保护范围，因此依本发明申请专利范围所作的等同变化，仍属本发明所涵盖的范围。

Claims (10)

1.一种卡片隐喻式界面实现方法，其特征在于，包括：
步骤1、构建初始卡片隐喻列表，所述初始卡片隐喻列表中至少包含1张卡片隐喻；
步骤2、设置焦点卡片隐喻参数、焦点区域；
步骤3、响应用户的卡片隐喻切换操作，获取所述焦点区域内的当前卡片隐喻，将所述当前卡片隐喻以焦点卡片隐喻进行显示。
2.根据权利要求1所述的卡片隐喻式界面实现方法，其特征在于，在所述步骤3之后还包括：
步骤4、响应用户的隐喻删除操作，将选中的可见隐喻从当前卡片隐喻列表中删除，以第一预设规则更新当前卡片隐喻列表；
步骤5、将删除的隐喻添加于待选隐喻列表中。
3.根据权利要求2所述的卡片隐喻式界面实现方法，其特征在于，在所述步骤5之后还包括：
步骤6、响应用户的隐喻增加操作，将选中的待选隐喻增加到当前卡片隐喻列表中，以第二预设规则更新当前卡片隐喻列表；
步骤7、将已添加的隐喻从所述待选隐喻列表中删除。
4.根据权利要求1所述的卡片隐喻式界面实现方法，其特征在于，所述步骤1包括：
步骤101、存储各卡片隐喻元素；
步骤102、建立布局坐标系，获取卡片容器的布局尺寸参数，所述布局尺寸参数包括容器布局的高度和宽度，以及容器布局所在的起始位置的横坐标、纵坐标；
步骤103、获取容器内卡片隐喻列表的显示模式及对应的显示轨迹；
步骤104、计算所述显示轨迹上各像素分割点的坐标；
步骤105、根据容器内卡片的数量、显示模式，确定各卡片的顶点坐标；
步骤106、确定各卡片的每个顶点的匹配像素分割点；
步骤107、连接所述匹配像素分割点完成各卡片的绘制；
步骤108、读取各卡片隐喻元素，按照列表中各卡片隐喻的初始顺序填充到各卡片中，生成初始卡片隐喻列表。
5.根据权利要求4所述的卡片隐喻式界面实现方法，其特征在于，所述显示模式为弧形。
6.根据权利要求5所述的卡片隐喻式界面实现方法，其特征在于，所述步骤104包括：
步骤104A、以第一规则、第二规则分别设定第一轨迹点集、第二轨迹点集，所述第一轨迹点集为轨迹上弧形对应的上轨迹圆的像素分割点，所述第二轨迹点集为轨迹下弧形对应的下轨迹圆的像素分割点；
步骤104B、根据所述像素分割点的总数量，第一轨迹点集、第二轨迹点集的坐标；
步骤104C、判断所述第一轨迹点集、第二轨迹点集中的当前像素分割点是否在卡片容器内，是则保留，否则舍弃。
7.根据权利要求6所述的卡片隐喻式界面实现方法，其特征在于，所述步骤105包括：
步骤105A、根据容器内卡片的数量计算各卡片的宽度；
步骤105B、获取当前卡片起始边的起点横坐标、终点横坐标，以及终止边的起点横坐标、终点横坐标。
8.根据权利要求7所述的卡片隐喻式界面实现方法，其特征在于，所述步骤106包括：
步骤106A、遍历第一轨迹点集，提取第一轨迹点子集，所述第一轨迹点子集为第一轨迹点集中满足第一预设条件的像素分割点；
步骤106B、遍历第二轨迹点集，提取第二轨迹点子集，所述第二轨迹点子集为第二轨迹点集中满足第二预设条件的像素分割点；
步骤106C、判断当前卡片起始边的起点横坐标是否大于或等于上轨迹圆的圆心横坐标或下轨迹圆的圆心横坐标，是则根据第三规则确定当前卡片起始边的起点、终点以及终止边的起点、终点对应的各像素分割点坐标，否则根据第四规则确定当前卡片起始边的起点、终点以及终止边的起点、终点对应的各像素分割点坐标。
9.根据权利要求8所述的卡片隐喻式界面实现方法，其特征在于，所述第三规则为：将第一轨迹点子集中纵坐标最大者确定为起始边的起点纵坐标，将纵坐标最小者确定为终止边的起点纵坐标；
将第二轨迹点子集中纵坐标最小者确定为起始边的终点纵坐标，将纵坐标最大者确定为终止边的终点纵坐标。
10.根据权利要求8所述的卡片隐喻式界面实现方法，其特征在于，所述第四规则为：将第一轨迹点子集中纵坐标最小者确定为起始边的起点纵坐标，将纵坐标最大者确定为终止边的起点纵坐标；
将第二轨迹点子集中纵坐标最大者确定为起始边的终点纵坐标，将纵坐标最小者确定为终止边的终点纵坐标。
CN202111001341.7A 2021-08-30 2021-08-30 一种卡片隐喻式界面实现方法 Pending CN113867856A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111001341.7A CN113867856A (zh) 2021-08-30 2021-08-30 一种卡片隐喻式界面实现方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111001341.7A CN113867856A (zh) 2021-08-30 2021-08-30 一种卡片隐喻式界面实现方法

Publications (1)

Publication Number Publication Date
CN113867856A true CN113867856A (zh) 2021-12-31

Family

ID=78988767

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111001341.7A Pending CN113867856A (zh) 2021-08-30 2021-08-30 一种卡片隐喻式界面实现方法

Country Status (1)

Country Link
CN (1) CN113867856A (zh)

Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090293007A1 (en) * 2008-05-23 2009-11-26 Palm, Inc. Navigating among activities in a computing device
CN102541537A (zh) * 2011-12-01 2012-07-04 厦门雅迅网络股份有限公司 一种具有环绕效果的菜单容器控件的实现方法及装置
CN103019678A (zh) * 2012-11-16 2013-04-03 Tcl集团股份有限公司 一种列表焦点框焦点变换方法及装置
CN104363495A (zh) * 2014-11-27 2015-02-18 北京奇艺世纪科技有限公司 通过终端设备遥控器进行焦点切换控制的方法及装置
US20150135089A1 (en) * 2013-11-13 2015-05-14 International Business Machines Corporation Adjustment of user interface elements based on user accuracy and content consumption
CN105867893A (zh) * 2015-11-18 2016-08-17 乐视致新电子科技（天津）有限公司 一种图形用户界面的显示终端、显示方法及显示装置
CN105975165A (zh) * 2015-12-09 2016-09-28 惠州华阳通用电子有限公司 一种鱼眼菜单的显示控制方法
CN109254706A (zh) * 2018-08-16 2019-01-22 青岛海信电器股份有限公司 一种应用程序图标的位置调整方法及显示终端
CN109683755A (zh) * 2018-11-23 2019-04-26 北京梧桐车联科技有限责任公司 用户界面显示方法及装置、电子设备及存储介质
CN113085728A (zh) * 2020-01-08 2021-07-09 Lg电子株式会社 车载显示装置

Patent Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090293007A1 (en) * 2008-05-23 2009-11-26 Palm, Inc. Navigating among activities in a computing device
CN102541537A (zh) * 2011-12-01 2012-07-04 厦门雅迅网络股份有限公司 一种具有环绕效果的菜单容器控件的实现方法及装置
CN103019678A (zh) * 2012-11-16 2013-04-03 Tcl集团股份有限公司 一种列表焦点框焦点变换方法及装置
US20150135089A1 (en) * 2013-11-13 2015-05-14 International Business Machines Corporation Adjustment of user interface elements based on user accuracy and content consumption
CN104363495A (zh) * 2014-11-27 2015-02-18 北京奇艺世纪科技有限公司 通过终端设备遥控器进行焦点切换控制的方法及装置
CN105867893A (zh) * 2015-11-18 2016-08-17 乐视致新电子科技（天津）有限公司 一种图形用户界面的显示终端、显示方法及显示装置
CN105975165A (zh) * 2015-12-09 2016-09-28 惠州华阳通用电子有限公司 一种鱼眼菜单的显示控制方法
CN109254706A (zh) * 2018-08-16 2019-01-22 青岛海信电器股份有限公司 一种应用程序图标的位置调整方法及显示终端
CN109683755A (zh) * 2018-11-23 2019-04-26 北京梧桐车联科技有限责任公司 用户界面显示方法及装置、电子设备及存储介质
CN113085728A (zh) * 2020-01-08 2021-07-09 Lg电子株式会社 车载显示装置

Similar Documents

Publication Publication Date Title
EP3742280A1 (en) Display annotation method, device, apparatus, and storage medium
US9268423B2 (en) Definition and use of node-based shapes, areas and windows on touch screen devices
US8581938B2 (en) Information processing apparatus, information processing method and program for magnifying a screen and moving a displayed content
EP2595043B1 (en) Mobile device for executing multiple applications and method thereof
US10048824B2 (en) User terminal device and display method thereof
US8997025B2 (en) Method, system and computer readable medium for document visualization with interactive folding gesture technique on a multi-touch display
KR101785748B1 (ko) 유연한 평행 및 직교 움직임을 가진 멀티-레이어 사용자 인터페이스
US7451408B2 (en) Selecting moving objects on a system
CN106716493B (zh) 对内容样式化的方法和对内容样式化的触摸屏设备
US20110231796A1 (en) Methods for navigating a touch screen device in conjunction with gestures
JP6313395B1 (ja) 描画処理方法、描画処理プログラム及び描画処理装置
CN102541537B (zh) 一种具有环绕效果的菜单容器控件的实现方法及装置
US20130263013A1 (en) Touch-Based Method and Apparatus for Sending Information
KR20100067370A (ko) Ｇｕｉ 제공방법 및 이를 적용한 전자장치
JP2010134897A (ja) 描画装置、描画方法、プログラムおよび記録媒体
WO2023274067A1 (zh) 图标生成方法、装置、电子设备和可读存储介质
CN105511794A (zh) 一种支持多点触控手势操作的标绘系统及其方法
WO2017032193A1 (zh) 用户界面布局的调整方法及装置
US11275501B2 (en) Creating tables using gestures
KR20230153488A (ko) 이미지 처리 방법, 장치, 기기, 및 저장 매체
JPH0777962A (ja) 対話型映像表示装置
WO2014167363A1 (en) Systems and methods for interacting with a touch screen
CN113867856A (zh) 一种卡片隐喻式界面实现方法
WO2023092254A1 (zh) 一种思维导图调整方法、存储介质及设备
JP2020507174A (ja) 表示コンテンツのパネルをナビゲートする方法

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination