CN106126238B

CN106126238B - User interface visual effect standard detection device and method

Info

Publication number: CN106126238B
Application number: CN201610481395.0A
Authority: CN
Inventors: 许启恒
Original assignee: Shenzhen Tiancheng Yipin Technology Co Ltd
Current assignee: Leisure mutual Entertainment (Chengdu) Network Technology Co., Ltd
Priority date: 2016-06-27
Filing date: 2016-06-27
Publication date: 2020-03-06
Anticipated expiration: 2036-06-27
Also published as: CN106126238A

Abstract

The invention mainly aims to provide a user interface visual effect specification detection device and a method, aiming at solving the problem of lower efficiency of a user interface visual effect specification checking method in the prior art, wherein the user interface visual effect specification detection device comprises: the setting module is used for setting at least one type of user interface target items to be detected to be highlighted; a presentation module for presenting the target item in the user interface according to the setting; the determining module is used for determining the target items which belong to at least one type of target items and are not highlighted as the target items which do not conform to the visual effect specification.

Description

User interface visual effect standard detection device and method

Technical Field

The present invention relates to the field of communications, and in particular, to a UI (User Interface) visual effect specification detection apparatus and method.

Background

Often, a user interface developer will use different resources to meet design requirements through different methods. Therefore, the problems of large difference of visual effects (visual effects, hereinafter referred to as visual effects), non-uniform functional interfaces, resource redundancy, poor controllability and the like of the user interface can occur, and the difficulty of later-stage upgrading and maintenance is greatly increased. Therefore, it is necessary to provide the user interface function and visual effect design specifications, specify the common module resources, and periodically check whether the user interface function and interface of each module strictly comply with the relevant specifications, and use the specified common module resources. The current inspection means usually acquires user interface information by means of various complex information grasping tools and compares the user interface information with specifications in sequence, however, the method needs more manpower and is low in efficiency.

Disclosure of Invention

The invention mainly aims to provide a device and a method for detecting a user interface visual effect specification, and aims to solve the problem that the user interface visual effect specification checking method in the prior art is low in efficiency.

According to an aspect of the present invention, there is provided a user interface visual effect specification detection apparatus, including: the setting module is used for setting at least one type of user interface target items to be detected to be highlighted according to the received first instruction; a presentation module for presenting the target item in the user interface according to the setting; and the determining module is used for determining the target items which belong to at least one type of target items and are not highlighted as the target items which do not meet the visual effect specification.

Wherein, the setting module is specifically configured to: setting at least one type of user interface compilation resource item to be highlighted; the presentation module is specifically configured to: the user interface is generated using the user interface compilation resource, and the target item is highlighted in the generated user interface.

Further, the above apparatus further comprises: the analysis module is used for analyzing the user interface before setting at least one type of user interface target items to be detected as highlighted, so as to obtain resource items quoted by each user interface element; the setting module is specifically configured to: setting a resource item corresponding to the second instruction to be highlighted according to the received second instruction; the presentation module is specifically configured to: and carrying out resource replacement/redirection on the resource item corresponding to the second instruction, and enabling the resource item corresponding to the second instruction to be highlighted.

Wherein, the setting module is specifically configured to: target items belonging to different categories are set to different highlighting forms.

The method comprises the following steps of setting at least one type of user interface target item to be detected to be highlighted, wherein the method comprises at least one of the following modes:

setting the target item with a highlighted mark, and/or setting the color of the target item to a preset color, and/or enlarging the size of the target item to a preset size, and/or changing the font of the target item, and/or changing the transparency of the target item.

According to a second aspect of the present invention, there is provided a method for detecting a user interface visual effect specification, comprising: setting at least one type of user interface target items to be detected to be highlighted according to the received first instruction; presenting the target item in the user interface according to the setting; and determining the target items which belong to at least one type of target items and are not highlighted as the target items which do not meet the visual effect specification.

The method for setting at least one type of user interface target items to be detected to be highlighted comprises the following steps: setting at least one type of user interface compilation resource item to be highlighted; presenting the target item in the user interface according to the setting, including: the user interface is generated using the user interface compilation resource, and the target item is highlighted in the generated user interface.

Further, the method further comprises: before at least one type of user interface target item to be detected is set to be highlighted, analyzing a user interface to obtain resource items quoted by each user interface element; setting the attribute of at least one type of user interface target item to be detected as highlighted, wherein the setting comprises the following steps: setting a resource item corresponding to the second instruction to be highlighted according to the received second instruction;

presenting the target item in the user interface according to the setting, including: and carrying out resource replacement/redirection on the resource item corresponding to the second instruction, and enabling the resource item corresponding to the second instruction to be highlighted.

The method for setting at least one type of user interface target items to be detected to be highlighted comprises the following steps: target items belonging to different categories are set to different highlighting forms.

The method for setting at least one type of user interface target items to be detected to be highlighted comprises the following steps:

According to the scheme provided by the invention, the target item to be detected is highlighted in the user interface through the arrangement of the target item to be detected, the visual difference is enhanced when the target item of the user interface is detected, the target item to be detected is highlighted, the quick and convenient examination is realized, the dependence on other complex examination tools is reduced, and the detection efficiency is improved.

Drawings

Fig. 1 is a schematic diagram of a hardware structure of a mobile terminal implementing various embodiments of the present invention;

FIG. 2 is a diagram of a wireless communication system for the mobile terminal shown in FIG. 1;

FIG. 3 is a block diagram of an apparatus for detecting visual effect specifications of a user interface according to a first embodiment of the present invention;

FIG. 4 is a schematic diagram of a user interface provided by the first embodiment of the present invention;

FIG. 5 is a flowchart of a method for detecting visual effect specifications of a user interface according to a third embodiment of the present invention;

fig. 6 is a flowchart of a method for detecting visual effect specifications of a user interface according to a fourth embodiment of the present invention.

The implementation, functional features and advantages of the objects of the present invention will be further explained with reference to the accompanying drawings.

Detailed Description

It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention.

A mobile terminal implementing various embodiments of the present invention will now be described with reference to the accompanying drawings. In the following description, suffixes such as "module", "component", or "unit" used to denote elements are used only for facilitating the explanation of the present invention, and have no specific meaning in themselves. Thus, "module" and "component" may be used in a mixture.

The mobile terminal may be implemented in various forms. For example, the terminal described in the present invention may include a mobile terminal such as a mobile phone, a smart phone, a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet computer), a PMP (portable multimedia player), a navigation device, and the like, and a stationary terminal such as a digital TV, a desktop computer, and the like. In the following, it is assumed that the terminal is a mobile terminal. However, it will be understood by those skilled in the art that the configuration according to the embodiment of the present invention can be applied to a fixed type terminal in addition to elements particularly used for moving purposes.

Fig. 1 is a schematic hardware configuration of a mobile terminal implementing various embodiments of the present invention.

The mobile terminal 100 may include a wireless communication unit 110, an a/V (audio/video) input unit 120, a user input unit 130, an output unit 150, a memory 160, an interface unit 170, a controller 180, and a power supply unit 190, and the like. Fig. 1 illustrates a mobile terminal having various components, but it is to be understood that not all illustrated components are required to be implemented. More or fewer components may alternatively be implemented. Elements of the mobile terminal will be described in detail below.

The wireless communication unit 110 typically includes one or more components that allow radio communication between the mobile terminal 100 and a wireless communication system or network. For example, the wireless communication unit may include at least one of a broadcast receiving module 111, a mobile communication module 112, a wireless internet module 113, a short-range communication module 114, and a location information module 115.

The broadcast receiving module 111 receives a broadcast signal and/or broadcast associated information from an external broadcast management server via a broadcast channel. The broadcast channel may include a satellite channel and/or a terrestrial channel. The broadcast management server may be a server that generates and transmits a broadcast signal and/or broadcast associated information or a server that receives a previously generated broadcast signal and/or broadcast associated information and transmits it to a terminal. The broadcast signal may include a TV broadcast signal, a radio broadcast signal, a data broadcast signal, and the like. Also, the broadcast signal may further include a broadcast signal combined with a TV or radio broadcast signal. The broadcast associated information may also be provided via a mobile communication network, and in this case, the broadcast associated information may be received by the mobile communication module 112. The broadcast signal may exist in various forms, for example, it may exist in the form of an Electronic Program Guide (EPG) of Digital Multimedia Broadcasting (DMB), an Electronic Service Guide (ESG) of digital video broadcasting-handheld (DVB-H), and the like. The broadcast receiving module 111 may receive a signal broadcast by using various types of broadcasting systems. In particular, the broadcast receiving module 111 may receive a broadcast signal by using a signal such as multimedia broadcasting-terrestrial (DMB-T), digital multimedia broadcasting-satellite (DMB-S), digital video broadcasting-handheld (DVB-H), forward link media (MediaFLO)^@) A digital broadcasting system of a terrestrial digital broadcasting integrated service (ISDB-T), etc. receives digital broadcasting. The broadcast receiving module 111 may be constructed to be suitable for various broadcasting systems that provide broadcast signals as well as the above-mentioned digital broadcasting systems. The broadcast signal and/or broadcast associated information received via the broadcast receiving module 111 may be stored in the memory 160 (or other type of storage medium).

The mobile communication module 112 transmits and/or receives radio signals to and/or from at least one of a base station (e.g., access point, node B, etc.), an external terminal, and a server. Such radio signals may include voice call signals, video call signals, or various types of data transmitted and/or received according to text and/or multimedia messages.

The wireless internet module 113 supports wireless internet access of the mobile terminal. The module may be internally or externally coupled to the terminal. The wireless internet access technology to which the module relates may include WLAN (wireless LAN) (Wi-Fi), Wibro (wireless broadband), Wimax (worldwide interoperability for microwave access), HSDPA (high speed downlink packet access), and the like.

The short-range communication module 114 is a module for supporting short-range communication. Some examples of short-range communication technologies include bluetooth^TMRadio Frequency Identification (RFID), infrared data association (IrDA), Ultra Wideband (UWB), zigbee^TMAnd so on.

The location information module 115 is a module for checking or acquiring location information of the mobile terminal. A typical example of the location information module is a GPS (global positioning system). According to the current technology, the GPS module 115 calculates distance information and accurate time information from three or more satellites and applies triangulation to the calculated information, thereby accurately calculating three-dimensional current location information according to longitude, latitude, and altitude. Currently, a method for calculating position and time information uses three satellites and corrects an error of the calculated position and time information by using another satellite. In addition, the GPS module 115 can calculate speed information by continuously calculating current position information in real time.

The a/V input unit 120 is used to receive an audio or video signal. The a/V input unit 120 may include a camera 121 and a microphone 1220, and the camera 121 processes image data of still pictures or video obtained by an image capturing apparatus in a video capturing mode or an image capturing mode. The processed image frames may be displayed on the display unit 151. The image frames processed by the camera 121 may be stored in the memory 160 (or other storage medium) or transmitted via the wireless communication unit 110, and two or more cameras 1210 may be provided according to the construction of the mobile terminal. The microphone 122 may receive sounds (audio data) via the microphone in a phone call mode, a recording mode, a voice recognition mode, or the like, and can process such sounds into audio data. The processed audio (voice) data may be converted into a format output transmittable to a mobile communication base station via the mobile communication module 112 in case of a phone call mode. The microphone 122 may implement various types of noise cancellation (or suppression) algorithms to cancel (or suppress) noise or interference generated in the course of receiving and transmitting audio signals.

The user input unit 130 may generate key input data according to a command input by a user to control various operations of the mobile terminal. The user input unit 130 allows a user to input various types of information, and may include a keyboard, dome sheet, touch pad (e.g., a touch-sensitive member that detects changes in resistance, pressure, capacitance, and the like due to being touched), scroll wheel, joystick, and the like. In particular, when the touch pad is superimposed on the display unit 151 in the form of a layer, a touch screen may be formed.

The interface unit 170 serves as an interface through which at least one external device is connected to the mobile terminal 100. For example, the external device may include a wired or wireless headset port, an external power supply (or battery charger) port, a wired or wireless data port, a memory card port, a port for connecting a device having an identification module, an audio input/output (I/O) port, a video I/O port, an earphone port, and the like. The identification module may store various information for authenticating a user using the mobile terminal 100 and may include a User Identity Module (UIM), a Subscriber Identity Module (SIM), a Universal Subscriber Identity Module (USIM), and the like. In addition, a device having an identification module (hereinafter, referred to as an "identification device") may take the form of a smart card, and thus, the identification device may be connected with the mobile terminal 100 via a port or other connection means. The interface unit 170 may be used to receive input (e.g., data information, power, etc.) from an external device and transmit the received input to one or more elements within the mobile terminal 100 or may be used to transmit data between the mobile terminal and the external device.

In addition, when the mobile terminal 100 is connected with an external cradle, the interface unit 170 may serve as a path through which power is supplied from the cradle to the mobile terminal 100 or may serve as a path through which various command signals input from the cradle are transmitted to the mobile terminal. Various command signals or power input from the cradle may be used as signals for recognizing whether the mobile terminal is accurately mounted on the cradle. The output unit 150 is configured to provide output signals (e.g., audio signals, video signals, alarm signals, vibration signals, etc.) in a visual, audio, and/or tactile manner. The output unit 150 may include a display unit 151, an audio output module 152, an alarm unit 153, and the like.

The display unit 151 may display information processed in the mobile terminal 100. For example, when the mobile terminal 100 is in a phone call mode, the display unit 151 may display a User Interface (UI) or a Graphical User Interface (GUI) related to a call or other communication (e.g., text messaging, multimedia file downloading, etc.). When the mobile terminal 100 is in a video call mode or an image capturing mode, the display unit 151 may display a captured image and/or a received image, a UI or GUI showing a video or an image and related functions, and the like.

Meanwhile, when the display unit 151 and the touch pad are overlapped with each other in the form of a layer to form a touch screen, the display unit 151 may serve as an input device and an output device. The display unit 151 may include at least one of a Liquid Crystal Display (LCD), a thin film transistor LCD (TFT-LCD), an Organic Light Emitting Diode (OLED) display, a flexible display, a three-dimensional (3D) display, and the like. Some of these displays may be configured to be transparent to allow a user to view from the outside, which may be referred to as transparent displays, and a typical transparent display may be, for example, a TOLED (transparent organic light emitting diode) display or the like. Depending on the particular desired implementation, the mobile terminal 100 may include two or more display units (or other display devices), for example, the mobile terminal may include an external display unit (not shown) and an internal display unit (not shown). The touch screen may be used to detect a touch input pressure as well as a touch input position and a touch input area.

The audio output module 152 may convert audio data received by the wireless communication unit 110 or stored in the memory 160 into an audio signal and output as sound when the mobile terminal is in a call signal reception mode, a call mode, a recording mode, a voice recognition mode, a broadcast reception mode, or the like. Also, the audio output module 152 may provide audio output related to a specific function performed by the mobile terminal 100 (e.g., a call signal reception sound, a message reception sound, etc.). The audio output module 152 may include a speaker, a buzzer, and the like.

The alarm unit 153 may provide an output to notify the mobile terminal 100 of the occurrence of an event. Typical events may include call reception, message reception, key signal input, touch input, and the like. In addition to audio or video output, the alarm unit 153 may provide output in different ways to notify the occurrence of an event. For example, the alarm unit 153 may provide an output in the form of vibration, and when a call, a message, or some other incoming communication (incomingmunication) is received, the alarm unit 153 may provide a tactile output (i.e., vibration) to inform the user thereof. By providing such a tactile output, the user can recognize the occurrence of various events even when the user's mobile phone is in the user's pocket. The alarm unit 153 may also provide an output notifying the occurrence of an event via the display unit 151 or the audio output module 152.

The memory 160 may store software programs and the like for processing and controlling operations performed by the controller 180, or may temporarily store data (e.g., a phonebook, messages, still images, videos, and the like) that has been or will be output. Also, the memory 160 may store data regarding various ways of vibration and audio signals output when a touch is applied to the touch screen.

The memory 160 may include at least one type of storage medium including a flash memory, a hard disk, a multimedia card, a card-type memory (e.g., SD or DX memory, etc.), a Random Access Memory (RAM), a Static Random Access Memory (SRAM), a read-only memory (ROM), an electrically erasable programmable read-only memory (EEPROM), a programmable read-only memory (PROM), a magnetic memory, a magnetic disk, an optical disk, and the like. Also, the mobile terminal 100 may cooperate with a network storage device that performs a storage function of the memory 160 through a network connection.

The controller 180 generally controls the overall operation of the mobile terminal. For example, the controller 180 performs control and processing related to voice calls, data communications, video calls, and the like. In addition, the controller 180 may include a multimedia module 1810 for reproducing (or playing back) multimedia data, and the multimedia module 1810 may be constructed within the controller 180 or may be constructed separately from the controller 180. The controller 180 may perform a pattern recognition process to recognize a handwriting input or a picture drawing input performed on the touch screen as a character or an image.

The power supply unit 190 receives external power or internal power and provides appropriate power required to operate various elements and components under the control of the controller 180.

The various embodiments described herein may be implemented in a computer-readable medium using, for example, computer software, hardware, or any combination thereof. For a hardware implementation, the embodiments described herein may be implemented using at least one of an Application Specific Integrated Circuit (ASIC), a Digital Signal Processor (DSP), a Digital Signal Processing Device (DSPD), a Programmable Logic Device (PLD), a Field Programmable Gate Array (FPGA), a processor, a controller, a microcontroller, a microprocessor, an electronic unit designed to perform the functions described herein, and in some cases, such embodiments may be implemented in the controller 180. For a software implementation, the implementation such as a process or a function may be implemented with a separate software module that allows performing at least one function or operation. The software codes may be implemented by software applications (or programs) written in any suitable programming language, which may be stored in the memory 160 and executed by the controller 180.

Up to this point, mobile terminals have been described in terms of their functionality. Hereinafter, a slide-type mobile terminal among various types of mobile terminals, such as a folder-type, bar-type, swing-type, slide-type mobile terminal, and the like, will be described as an example for the sake of brevity. Accordingly, the present invention can be applied to any type of mobile terminal, and is not limited to a slide type mobile terminal.

The mobile terminal 100 as shown in fig. 1 may be configured to operate with communication systems such as wired and wireless communication systems and satellite-based communication systems that transmit data via frames or packets.

A communication system in which a mobile terminal according to the present invention is operable will now be described with reference to fig. 2.

Such communication systems may use different air interfaces and/or physical layers. For example, the air interface used by the communication system includes, for example, Frequency Division Multiple Access (FDMA), Time Division Multiple Access (TDMA), Code Division Multiple Access (CDMA), and Universal Mobile Telecommunications System (UMTS) (in particular, Long Term Evolution (LTE)), global system for mobile communications (GSM), and the like. By way of non-limiting example, the following description relates to a CDMA communication system, but such teachings are equally applicable to other types of systems.

Referring to fig. 2, the CDMA wireless communication system may include a plurality of mobile terminals 100, a plurality of Base Stations (BSs) 270, Base Station Controllers (BSCs) 275, and a Mobile Switching Center (MSC) 280. The MSC280 is configured to interface with a Public Switched Telephone Network (PSTN) 290. The MSC280 is also configured to interface with a BSC275, which may be coupled to the base station 270 via a backhaul. The backhaul may be constructed according to any of several known interfaces including, for example, E1/T1, ATM, IP, PPP, frame Relay, HDSL, ADSL, or xDSL. It will be understood that a system as shown in fig. 2 may include multiple BSCs 2750.

Each BS270 may serve one or more sectors (or regions), each sector covered by a multi-directional antenna or an antenna pointing in a particular direction being radially distant from the BS 270. Alternatively, each partition may be covered by two or more antennas for diversity reception. Each BS270 may be configured to support multiple frequency allocations, with each frequency allocation having a particular frequency spectrum (e.g., 1.25MHz,5MHz, etc.).

The intersection of partitions with frequency allocations may be referred to as a CDMA channel. The BS270 may also be referred to as a Base Transceiver Subsystem (BTS) or other equivalent terminology. In such a case, the term "base station" may be used to generically refer to a single BSC275 and at least one BS 270. The base stations may also be referred to as "cells". Alternatively, each sector of a particular BS270 may be referred to as a plurality of cell sites.

As shown in fig. 2, a Broadcast Transmitter (BT)295 transmits a broadcast signal to the mobile terminal 100 operating within the system. A broadcast receiving module 111 as shown in fig. 1 is provided at the mobile terminal 100 to receive a broadcast signal transmitted by the BT 295. In fig. 2, several Global Positioning System (GPS) satellites 300 are shown. The satellite 300 assists in locating at least one of the plurality of mobile terminals 100.

In fig. 2, a plurality of satellites 300 are depicted, but it is understood that useful positioning information may be obtained with any number of satellites. The GPS module 115 as shown in fig. 1 is generally configured to cooperate with satellites 300 to obtain desired positioning information. Other techniques that can track the location of the mobile terminal may be used instead of or in addition to GPS tracking techniques. In addition, at least one GPS satellite 300 may selectively or additionally process satellite DMB transmission.

As a typical operation of the wireless communication system, the BS270 receives reverse link signals from various mobile terminals 100. The mobile terminal 100 is generally engaged in conversations, messaging, and other types of communications. Each reverse link signal received by a particular base station 270 is processed within the particular BS 270. The obtained data is forwarded to the associated BSC 275. The BSC provides call resource allocation and mobility management functions including coordination of soft handoff procedures between BSs 270. The BSCs 275 also route the received data to the MSC280, which provides additional routing services for interfacing with the PSTN 290. Similarly, the PSTN290 interfaces with the MSC280, the MSC interfaces with the BSCs 275, and the BSCs 275 accordingly control the BS270 to transmit forward link signals to the mobile terminal 100.

Based on the above mobile terminal hardware structure and communication system, the present invention provides various embodiments of the method.

First embodiment

The embodiment provides a user interface visual effect specification detection device, fig. 3 is a block diagram of the device, and as shown in fig. 3, the device 30 includes the following components:

the setting module 31 is configured to set at least one type of user interface target item to be detected to be highlighted;

in this embodiment, the user interface target item may specifically be each visual element presented in the user interface, for example, controls such as a title bar, a switch, and an edit box, a background of a similar window and an area, an icon identifier of a same application, and colors of a text and a background line, and the like of a similar area, and highlighting these elements may specifically include: the background resources of the whole or partial elements of the target common control are replaced/redirected to a background with highlighted logos (e.g., colors, text, pattern marks with high recognition). Based on this, during subsequent detection, the control without the highlight mark of the related element is implemented in an irregular manner, that is, whether each user interface uses the specified public control can be detected, the user interface uses the specified public control to ensure the consistency of the functions and visual effects of each common module, and the subsequent unified upgrade and maintenance are facilitated; the method comprises the steps that public picture resources to be checked are replaced/redirected into pictures with highlight marks (such as colors, characters and pattern marks with high identification degrees), and picture/icon element areas without the highlight marks are achieved in an irregular mode during subsequent detection, so that whether a user interface uses the appointed public picture resources can be detected, the user interface uses the appointed public picture resources, the consistency of related window areas can be kept, the same resources are multiplexed, and redundant pictures are reduced; the target public color resource is set/redirected to a color with high identification degree, and a color element area which is not changed to the high identification degree in subsequent detection is implemented in an irregular way, so that whether the specified public color resource is used by the user interface can be detected, the consistency of the colors of related elements can be kept by using the specified public color resource by the user interface, the later-stage unified modification is facilitated, and a color list is simplified; the target public size is set/redirected to an exaggerated size value which is greatly different from the standard size, and the element area which is not changed into the exaggerated size in the subsequent detection is achieved in an nonstandard mode, so that whether the user interface uses the specified public size resource or not can be detected, the user interface uses the public size resource, the consistency of the size and the position of the related elements can be guaranteed, the same modification in the later period is facilitated, and the size list is simplified; the target font is set/redirected to a font different from the standard visual effect, and the font area with unchanged fonts is implemented in a nonstandard way during subsequent detection, so that whether the user interface uses the specified public font resource can be detected, the consistency of the style characteristics of the interface font can be kept by using the public font resource by the user interface, the later-stage unified adjustment and modification are facilitated, the text library is simplified, and the space occupied by the text library is compressed; the target transparency is set/redirected to be different from the standard transparency, and element synthesis and expression effects are not changed during subsequent detection, namely the element synthesis and expression effects are not realized in a standard way, so that whether a specified public transparency value resource is used by a user interface or not can be detected, the consistency of element synthesis and expression effects of each interface can be kept by using the specified public transparency value resource by the user interface, and the later-stage unified adjustment and modification are facilitated; and setting/redirecting part or all resource values in the public attribute set into resource values different from the specification, wherein the set comprises the highlight mark, the exaggerated size, the fonts with different styles and the like, and the visual effect is unchanged during subsequent detection, namely the non-specification realization is realized, so that whether the user interface uses the appointed public attribute set can be detected, the consistency of the visual effect of the application interface can be kept by using the public attribute set of the user interface, and the later-stage adjustment and maintenance are facilitated.

The following describes the use of the user interface visual effect specification detection apparatus provided in this embodiment with reference to fig. 4:

as shown in fig. 4, 50 is a current user interface displayed on the terminal, where 51 and 52 both belong to the same type of title bar, the title bar has been set as a target item in the setting module 31, and the target item is highlighted, and when the target item has been highlighted in the presentation module, if one of 51 or 52 is not highlighted, the non-highlighted title bar is a title bar that does not meet the visual effect specification, where 53 and 54 represent a control, and a method for determining whether the control meets the visual effect specification is the same as the title bar, which is not described herein again. Specifically, in this embodiment, the setting operation for setting the target item to be highlighted may be specifically set in the user interface system, or may be performed on the basis of the compiling resource in the user interface compiling tool.

Specifically, in the case that more than one type of user interface target items need to be set to be highlighted, in order to facilitate the user to distinguish different types of user interface target items, in this embodiment, different types of target items may be set to be highlighted in different forms, for example, a highlight mode with a highlight mark may be set, and the purpose of highlighting the target items may be achieved by changing the background color.

A presentation module 32 for presenting the target item in the user interface according to the setting;

in this embodiment, the presenting module 32 highlights each target item set to be highlighted by the setting module, and it should be noted that if more than one type of target items are set to be highlighted, for example, two types of target items, namely a window and a control, are set to be highlighted at the same time, the highlighting modes of the two types of target items are different during setting, and the two types of target items are presented with different effects during displaying.

Specifically, a user interface with a preset highlighted target item may be compiled to generate a user interface, and the target item is highlighted in the generated user interface, or a resource replacement/redirection may be performed on a resource item specified by a user according to the resource item specified in an instruction by receiving an operation instruction of the user, so that the resource item specified by the user is highlighted.

A determining module 33, configured to determine the target items that belong to the at least one category of target items and are not highlighted as target items that do not meet the visual effect specification.

The determining module determines whether each target item presented in the user interface meets the visual effect specification according to whether the target item is in a highlighted state, specifically, in this embodiment, the highlighted state means that the highlighted state is different from a standard display state in the visual effect specification, and in this implementation, the detected target item is highlighted by temporarily changing the display state of each element in the visual effect specification, so that the target item which is not designed according to the visual effect specification can be obviously identified, and the purpose of detecting whether each element in the user interface meets the visual effect specification is achieved.

Second embodiment

In this embodiment, on the basis of the first embodiment, another user interface visual effect specification detection device is provided, which has the following components in addition to all the components of the device 30:

the setting module 31 may specifically be configured to: setting at least one type of user interface compilation resource item to be highlighted; the user interface compiling resource item may be, for example, a compiling resource item used by a mobile terminal body compiling toolkit for compiling a theme, and based on this, the presenting module 32 may be specifically configured to: specifically, the user interface compiling resource can be used to generate a theme pack, and the theme pack is applied in the system, so that the target item is highlighted in the user interface of each application of the terminal.

Further, the apparatus 30 in this embodiment may further include: the analysis module is used for analyzing the user interface before setting at least one type of user interface target item to be detected as highlighted to obtain resource items quoted by each user interface element, wherein the analysis can be performed on each user interface to be detected; the receiving module is used for receiving an instruction sent by a user, and the instruction specifies a referenced resource item; based on this, the setting module 31 is specifically configured to: setting a resource item designated by a user to be highlighted; the presentation module 33 is specifically configured to: resource replacement/redirection is performed on the user-specified resource items such that the user-specified resource items are highlighted in the user interface.

The setting module 31 is specifically configured to: in this embodiment, the different types of user interface target items may specifically be visual elements presented in the user interface, such as controls such as a title bar, a switch, and an edit box, backgrounds of similar windows and regions, icon identifications of the same application, colors of characters and background lines, and widths, heights, character sizes, fonts, and transparencies of similar regions. Based on this, setting the target items belonging to the different categories as different highlighting forms may specifically include highlighting the target items of the different categories using different display manners such as colors or prompt marks to distinguish the target items of the different categories. Specifically, in this embodiment, the setting of at least one type of user interface target item to be detected as a highlighted display may specifically include at least one of the following manners:

setting the target item to be provided with a highlight mark, setting the color of the target item to be a preset color, amplifying the size of the target item to be a preset size, changing the font of the target item and changing the transparency of the target item.

The following illustrates, by way of example, how different highlighting manners may be used to present a target item in a user interface:

the background resources of the whole or partial elements of the target common control are replaced/redirected to a background with highlighted logos (e.g., colors, text, pattern marks with high recognition). Based on this, in the subsequent detection, the control of the related element without the highlight mark is implemented in an irregular way; the public picture resource to be checked is replaced/redirected into a picture with a highlight mark (such as a color, a character and a pattern mark with high identification). The picture/icon element area without the highlight mark is implemented in an irregular way during subsequent detection; setting/redirecting the target public color resource into a color with high identification degree, wherein a color element area which is not changed into high identification degree in subsequent detection is an irregular implementation; setting/redirecting the target public size to an exaggerated size value which is greatly different from the standard size, wherein the element area which is not changed into the exaggerated size in the subsequent detection is the nonstandard realization; setting/redirecting the target font into a font different from the standard visual effect, wherein the font area which is not changed during subsequent detection is the non-standard realization; setting/redirecting the target transparency to a transparency which is different from the normative value, and obtaining nonstandard realization if element synthesis and unchanged expression effect are carried out during subsequent detection; and setting/redirecting part or all resource values in the public attribute set into resource values different from the specification, wherein the set comprises the highlight marks, exaggerated sizes, fonts with different styles and the like, and the visual effect is unchanged during subsequent detection, namely the non-specification realization is realized.

Third embodiment

The present embodiment provides a method for detecting a user interface visual effect specification, and fig. 5 is a flowchart of the method, where the method is used to implement the user interface visual effect specification detecting apparatus provided in the first embodiment and the second embodiment, and as shown in fig. 5, the method may specifically include the following processing:

step 401: setting at least one type of user interface target items to be detected as highlighted display according to the received first instruction;

in this step, the received first instruction may specifically be sent by a user, and the instruction may include a target item to be detected specified by the user.

In this embodiment, the user interface target item settings are various visual elements presented in the user interface, including but not limited to: controls such as title bars, switches and edit boxes, the background of the same window and area, the icon identification of the same application, the color of characters and background lines, the width, height, character size, font and transparency of the same area.

Step 402: presenting the target item in the user interface according to the setting;

in this embodiment, presenting the target item in the user interface may specifically change a compiled resource item in the user interface resource compilation package, and after generating the user interface, the target item presented in the user interface is a set highlighted state, or directly change an attribute setting of the target item in the system, so that the target item is highlighted in the user interface.

Step 403: and determining the target items which belong to the at least one type of target items and are not highlighted as the target items which do not meet the visual effect specification.

In this embodiment, the highlighting of the target item to be detected is mainly to detect the following indexes of each target item in the user interface:

whether the user interface uses the designated public control, whether the user interface uses the designated public picture resource, whether the user interface uses the designated public color resource, whether the user interface uses the designated public size resource, whether the user interface uses the designated public font resource, whether the user interface uses the designated public transparency value resource, and whether the user interface uses the designated public attribute set.

Since in the above step 401, the user has already designated the target item to be detected, after the target item is highlighted, if the target item is initially designed and designed according to the same visual effect standard, then the target items belonging to the category are all displayed in the same highlighting manner, so if one or more target items belonging to the category are displayed in the same highlighting manner as that set, it can be determined that the one or more target items not highlighted do not comply with the visual effect standard in the initial design, and the target item needs to be recorded for subsequent modification, so that the same category of target item can be presented to the user according to the same visual style, and subsequent adjustment and maintenance are facilitated. Specifically, the setting of the at least one type of user interface target item to be detected as the highlighted display may include: setting at least one type of user interface compilation resource item to be highlighted; based on this, presenting the target item in the user interface according to the setting may specifically include: the user interface is generated using the user interface compilation resource, and the target item is highlighted in the generated user interface.

The method provided by the embodiment may further include: before at least one type of user interface target item to be detected is set to be highlighted, analyzing the user interface to obtain resource items quoted by each user interface element; receiving a referenced resource item specified by a user; based on the above, the setting of the attribute of the at least one type of user interface target item to be detected as the highlight comprises the following steps: setting a resource item designated by a user to be highlighted; based thereon, presenting the target item in the user interface according to the setting, including: resource replacement/redirection is performed on the user-specified resource items, so that the user-specified resource items are highlighted.

The method comprises the following steps of setting at least one type of user interface target item to be detected as highlighted display, wherein the setting mode comprises at least one mode or a combination of several modes: setting the target item with a highlight mark, setting the color of the target item to be a preset color (which may be a color with higher color saturation), enlarging the size of the target item to a preset size, changing the font of the target item (here, changing the default font in the visual effect standard), and changing the transparency of the target item (here, changing the default transparency in the visual effect label).

The user interface visual effect specification detection method provided by the embodiment does not need to depend on a complex information extraction tool, and is simple and easy to use; meanwhile, the theme pack can be customized/the inspection target can be dynamically selected as required, and flexible combination and multiplexing can be realized for different inspection items; meanwhile, the method has the characteristics of high visual identification degree, high contrast and simplicity in use, is convenient for inspectors to quickly inspect, reduces the dependence on other complex inspection tools, and improves the inspection efficiency.

Fourth embodiment

The embodiment redirects the resource value dynamically based on the resources such as icons, background pictures, colors, sizes, word sizes, transparency, and the like in the theme resources. When the user interface target item is detected, the visual difference is enhanced, the target item is highlighted, the fast and convenient investigation is realized, the dependence on other complex inspection tools is reduced, and the detection efficiency is improved. (it should be noted that, in this embodiment, the theme pack is taken as an example for description, but the present invention is not limited to the theme pack compiling tool, and may be other compiling tools such as a web page).

In this embodiment, whether the user interface meets the specified visual effect specification is mainly detected in two ways, which are respectively realized by two flows shown in fig. 6, and first, a flow (a flow on the left side shown in fig. 6, that is, a flow marked with a reference numeral 1) for detecting whether the user interface meets the specified visual effect specification in a dynamic detection way is introduced:

a reference selection demo, which is an application program using common module resources specified in the standard visual effect specification, is previously made according to the standard visual effect specification. The method has the function of analyzing the resources of all detection target items in the user interface, namely analyzing the basic resource items quoted by the selected visual target object of the user interface, wherein the basic resource items comprise the class, the size quote, the color quote, the picture quote, the character font, the transparency quote, the attribute set quote and the like of the visual object.

The reference selection application is used to select a particular region in the user interface, such as a common control title bar. The standard selection application analyzes the title bar in terms of class name, size reference, color reference, picture reference, character font, transparency reference, attribute set reference and the like and presents the analyzed title bar to a user for viewing, and the user selects one or more items as an inspection target. After the inspection target is determined, a target highlight value is further set, the system (namely, an operating system operated by a user interface) carries out resource replacement/redirection on the target item to be detected, and the visual effect of the system is refreshed. And at the moment, switching to other applications, observing the visual effect of the title bar of each application, marking the application which is not switched to the highlight visual effect in the title bar as an irregular implementation, and submitting the application to developers for confirmation and modification, namely realizing the detection of the visual effect specification of the user interface.

The following describes a process (a process shown on the right side in fig. 6, i.e. a process labeled with reference numeral 2) for detecting whether the user interface meets the visual effect specification by using static detection in the present embodiment:

in the theme pack compiling tool, detection target items are selected, such as controls of public theme colors, application default backgrounds, title bars, switches, edit boxes and the like, backgrounds of similar windows and areas, icon identifications of the same applications and the like, colors of characters and background lines and the like, widths, heights, character sizes, fonts, transparency and the like of the similar areas. Modifying the corresponding compiled resource item in the theme pack to a flag value with high recognizability, for example, may include, in a modifying manner:

the background resources of the whole or partial elements of the target common control are replaced/redirected to a background with highlighted logos (e.g., colors, text, pattern marks with high recognition). The public picture resource to be checked is replaced/redirected into a picture with a highlight mark (such as a color, a character and a pattern mark with high identification). Setting/redirecting the target public color resource to a color with high identification degree; setting/redirecting the target public size to an exaggerated size value which is greatly different from the standard size, and setting/redirecting the target font to a font which is different from the standard visual effect; setting/redirecting the target transparency to a transparency that is distinct from the specification value; some or all of the resource values within the public property set, including the above-mentioned highlight logo, exaggerated size, widely-different styles of fonts, etc., are set/redirected to resource values that are quite different from the specification.

And generating a theme pack based on the modified compiled resource items, importing the generated theme pack into a system and applying the theme pack, wherein at the moment, the corresponding visual objects of the compiled items can be highlighted, the visual effect of each application is observed, the application which is not switched into the highlight visual effect is realized in an irregular way, and the developer confirms the modification.

It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.

The above-mentioned serial numbers of the embodiments of the present invention are merely for description and do not represent the merits of the embodiments.

Through the above description of the embodiments, those skilled in the art will clearly understand that the method of the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but in many cases, the former is a better implementation manner. Based on such understanding, the technical solutions of the present invention may be embodied in the form of a software product, which is stored in a storage medium (such as ROM/RAM, magnetic disk, optical disk) and includes instructions for enabling a terminal device (such as a mobile phone, a computer, a server, an air conditioner, or a network device) to execute the method according to the embodiments of the present invention.

The above description is only a preferred embodiment of the present invention, and not intended to limit the scope of the present invention, and all modifications of equivalent structures and equivalent processes, which are made by using the contents of the present specification and the accompanying drawings, or directly or indirectly applied to other related technical fields, are included in the scope of the present invention.

Claims

1. A user interface visual effect specification detection apparatus, comprising:

the setting module is used for setting at least one type of user interface target items to be detected to be highlighted according to the received first instruction;

a presentation module to present the target item in the user interface according to the setting;

a determining module, configured to determine target items that belong to the at least one category of target items and are not highlighted as target items that do not meet the visual effect specification;

the analysis module is used for analyzing the user interface before setting at least one type of user interface target items to be detected as highlighted, so as to obtain resource items quoted by the user interface elements;

the setting module is specifically configured to: setting a resource item corresponding to a second instruction to be highlighted according to the received second instruction;

the presentation module is specifically configured to: performing resource replacement/redirection on the resource item corresponding to the second instruction, so that the resource item corresponding to the second instruction is highlighted;

the user interface target items are visual elements presented in the user interface, and comprise: title bar, switch, edit box, similar window, background of area, icon identification of same application, color of character and background line, width, height, character size, font and transparency of similar area.

2. The apparatus of claim 1, wherein the setup module is specifically configured to: setting at least one type of user interface compilation resource item to be highlighted;

the presentation module is specifically configured to: generating a user interface using the user interface compilation resource, and highlighting the target item in the generated user interface.

3. The apparatus of claim 1, wherein the setup module is specifically configured to:

target items belonging to different categories are set to different highlighting forms.

4. The apparatus according to any one of claims 1 to 3, wherein the setting of the at least one type of user interface target item to be detected as a highlight comprises at least one of the following modes:

5. A method for detecting visual effect specifications of a user interface is characterized by comprising the following steps:

setting at least one type of user interface target items to be detected to be highlighted according to the received first instruction;

presenting the target item in the user interface according to the setting;

determining target items which belong to the at least one category of target items and are not highlighted as target items which do not meet the visual effect specification;

before at least one type of user interface target item to be detected is set to be highlighted, analyzing the user interface to obtain resource items quoted by each user interface element;

setting the attribute of at least one type of user interface target item to be detected as highlighted, wherein the setting comprises the following steps:

setting a resource item corresponding to a second instruction to be highlighted according to the received second instruction;

presenting the target item in the user interface in accordance with the setting, including:

performing resource replacement/redirection on the resource item corresponding to the second instruction, so that the resource item corresponding to the second instruction is highlighted;

6. The method according to claim 5, wherein the setting of the at least one type of user interface target item to be detected as a highlight comprises:

setting at least one type of user interface compilation resource item to be highlighted;

generating a user interface using the user interface compilation resource, and highlighting the target item in the generated user interface.

7. The method according to claim 6, wherein the setting of at least one type of user interface target item to be detected as highlighted comprises:

8. The method according to any one of claims 5 to 7, wherein the setting of at least one type of user interface target item to be detected as highlighted includes: