CN107239212B - Method and device for presenting segmentation selection view and user terminal - Google Patents
Method and device for presenting segmentation selection view and user terminal Download PDFInfo
- Publication number
- CN107239212B CN107239212B CN201710416017.9A CN201710416017A CN107239212B CN 107239212 B CN107239212 B CN 107239212B CN 201710416017 A CN201710416017 A CN 201710416017A CN 107239212 B CN107239212 B CN 107239212B
- Authority
- CN
- China
- Prior art keywords
- segment
- view
- selection view
- segmentation
- user
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
Abstract
The embodiment of the invention provides a method and a device for presenting a segmentation selection view and a user terminal, and belongs to the field of interface display. The method comprises the steps of responding to a segmentation element triggering instruction triggered by a user in a segmentation selection view to obtain a target segmentation element selected by the user from a plurality of segmentation elements in the segmentation selection view, wherein the segmentation selection view is a rolling view, and then rolling the plurality of elements in the segmentation selection view based on a preset segmentation selection view pattern to enable the target segmentation element to move to a preset position, so that the position of the target segmentation element is dynamically adjusted, and the flexibility of segmentation selection view design is improved.
Description
Technical Field
The invention relates to the technical field of interface display, in particular to a method and a device for presenting a segmented selection view and a user terminal.
Background
On a mobile terminal APP based on an iOS system, in many scenes, due to the diversity of contents, different information is often presented in one view through a segmentation selection view, and a user can randomly switch and browse different information only by clicking different elements on a segmentation selection control, so that the purposes of reducing skipping and improving user experience are achieved.
Currently, segment selection views appear in more or less scenes on the APPs of most iOS systems, and the segment selection control is the core of the segment selection views. In different scenes, in order to meet different visual requirements, the expression forms of the segmented selection control are also various, but the complexity rises along with the increase of the number of elements. However, the segment selection control uisegmentedicontrol provided by the iOS system at present can meet simple requirements, but is difficult to meet complex styles, and has poor customizability. Other implementations also favor customization of the segmentation elements, such as background, animation, etc. of the selected elements, making the flexibility of the segmentation selection view design relatively low.
Disclosure of Invention
In view of the above, embodiments of the present invention provide a method, an apparatus, and a user terminal for presenting a segment selection view, so as to improve the above problem.
In a first aspect, an embodiment of the present invention provides a method for presenting a segment selection view, where the method includes: responding to a segment element triggering instruction triggered by a user in a segment selection view, and acquiring a target segment element selected by the user in a plurality of segment elements in the segment selection view, wherein the segment selection view is a rolling view; scrolling the plurality of segment elements in the segment selection view based on a preset segment selection view style to move the target segment element to a preset position.
In a second aspect, an embodiment of the present invention provides a device for presenting a segment selection view, where the device includes: the segmentation element acquiring module is used for responding to a segmentation element triggering instruction triggered by a user in a segmentation selection view, and acquiring a target segmentation element selected by the user in a plurality of segmentation elements in the segmentation selection view, wherein the segmentation selection view is a rolling view; a position adjustment module for scrolling the plurality of segment elements in the segment selection view based on a preset segment selection view pattern to move the target segment element to a preset position.
In a third aspect, an embodiment of the present invention provides a user terminal, where the user terminal includes a processor and a memory, where the memory is coupled to the processor, and the memory stores instructions that, when executed by the processor, perform the following: responding to a segment element triggering instruction triggered by a user in a segment selection view, and acquiring a target segment element selected by the user in a plurality of segment elements in the segment selection view, wherein the segment selection view is a rolling view; scrolling the plurality of segment elements in the segment selection view based on a preset segment selection view style to move the target segment element to a preset position.
The embodiment of the invention has the beneficial effects that:
the embodiment of the invention provides a method and a device for presenting a segmentation selection view and a user terminal, wherein a target segmentation element selected by a user from a plurality of segmentation elements in the segmentation selection view is acquired by responding to a segmentation element triggering instruction triggered by the user in the segmentation selection view, wherein the segmentation selection view is a rolling view, and then the plurality of elements are rolled in the segmentation selection view based on a preset segmentation selection view pattern so as to enable the target segmentation element to move to a preset position, thereby realizing dynamic adjustment of the position of the segmentation element and improving the flexibility of design of the segmentation selection view.
Additional features and advantages of the invention will be set forth in the description which follows, and in part will be obvious from the description, or may be learned by the practice of the embodiments of the invention. The objectives and other advantages of the invention will be realized and attained by the structure particularly pointed out in the written description and claims hereof as well as the appended drawings.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings needed to be used in the embodiments will be briefly described below, it should be understood that the following drawings only illustrate some embodiments of the present invention and therefore should not be considered as limiting the scope, and for those skilled in the art, other related drawings can be obtained according to the drawings without inventive efforts.
Fig. 1 shows a block diagram of a user terminal applicable to an embodiment of the present invention;
FIG. 2 is a schematic diagram of a user terminal interaction interface providing a method for presenting a segmented selection view according to an embodiment of the present invention;
FIG. 3 is a flowchart of a method for presenting a segment selection view according to a first embodiment of the present invention;
FIG. 4 is a flowchart of a method for presenting a segment selection view according to a second embodiment of the present invention;
FIG. 5 is a block diagram illustrating a device for presenting a segment selection view according to a third embodiment of the present invention;
fig. 6 is a block diagram of a device for presenting a segment selection view according to a fourth embodiment of the present invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. The components of embodiments of the present invention generally described and illustrated in the figures herein may be arranged and designed in a wide variety of different configurations. Thus, the following detailed description of the embodiments of the present invention, presented in the figures, is not intended to limit the scope of the invention, as claimed, but is merely representative of selected embodiments of the invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments of the present invention without making any creative effort, shall fall within the protection scope of the present invention.
It should be noted that: like reference numbers and letters refer to like items in the following figures, and thus, once an item is defined in one figure, it need not be further defined and explained in subsequent figures. Meanwhile, in the description of the present invention, the terms "first", "second", and the like are used only for distinguishing the description, and are not to be construed as indicating or implying relative importance.
Fig. 1 shows a block diagram of a user terminal 100 applicable to an embodiment of the present invention. As shown in fig. 1, the user terminal 100 includes a memory 101, a memory controller 102, one or more (only one shown) processors 103, a peripheral interface 104, a radio frequency module 105, an audio module 106, a touch screen 107, and the like. These components communicate with each other via one or more communication buses/signal lines 108.
The memory 101 may be used to store software programs and modules, such as program instructions/modules corresponding to the method and apparatus for presenting a segment selection view in the embodiment of the present invention, and the processor 103 executes various functional applications and data processing, such as the method for presenting a segment selection view provided in the embodiment of the present invention, by running the software programs and modules stored in the memory 101.
The peripheral interface 104 couples various input/output devices to the processor 103 as well as to the memory 101. In some embodiments, the peripheral interface 104, the processor 103, and the memory controller 102 may be implemented in a single chip. In other examples, they may be implemented separately from the individual chips.
The rf module 105 is used for receiving and transmitting electromagnetic waves, and implementing interconversion between the electromagnetic waves and electrical signals, so as to communicate with a communication network or other devices.
The touch screen 107 provides both an output and an input interface between the user terminal 100 and the user. In particular, the touch screen 107 displays video output to the user, the content of which may include text, graphics, video, and any combination thereof.
It is to be understood that the structure shown in fig. 1 is merely illustrative, and that the user terminal 100 may also include more or fewer components than shown in fig. 1, or have a different configuration than shown in fig. 1. The components shown in fig. 1 may be implemented in hardware, software, or a combination thereof.
In the embodiment of the present invention, the user terminal 100 is installed with a client, which may be a browser or a third-party application, and corresponds to a Server (Server) end, and provides a service, such as an e-book reading service, for playing a local document or an e-book for a user.
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. The components of embodiments of the present invention generally described and illustrated in the figures herein may be arranged and designed in a wide variety of different configurations. Thus, the following detailed description of the embodiments of the present invention, presented in the figures, is not intended to limit the scope of the invention, as claimed, but is merely representative of selected embodiments of the invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments of the present invention without making any creative effort, shall fall within the protection scope of the present invention.
Referring to fig. 2, fig. 2 is a schematic diagram of a user terminal interaction interface for providing a method for presenting a segmented selection view according to an embodiment of the present invention, and the following implementation process can be understood with reference to the drawing.
As shown in FIG. 2, the segment selection view is used to present different segment elements so that a user clicking on the segment element can present the content corresponding to the segment element in the content display view. Wherein the segment selection view is implemented through a segment selection control.
First embodiment
Referring to fig. 3, fig. 3 is a flowchart of a method for presenting a segment selection view according to a first embodiment of the present invention, where the method specifically includes the following steps:
step S110: in response to a segment element triggering instruction triggered by a user in a segment selection view, acquiring a target segment element selected by the user in a plurality of segment elements in the segment selection view, wherein the segment selection view is a scrolling view.
The method for configuring the segmentation selection view into the scroll view comprises the following steps: firstly, a segmentation selection view sub-class (segmentcontrol) inherited from the UIView is newly established, and a segmentation selection view rolling view (scrollView) inherited from the UIView is added for the segmentation selection view sub-class (segmentcontrol) to bear a plurality of segmentation elements, so that the plurality of segmentation elements can be rolled in the segmentation selection view, and the segmentation selection view is a rolling view. Wherein, in order to improve the user experience, the scrolling mode is generally that the view is scrolled transversely along the segment selection.
In most cases, a user triggers a segment element at a user terminal through a gesture, so that a click gesture needs to be added to a segment selection view (SegmentClicked) and a gesture response method (SegmentClicked:), and the gesture can be various, for example, a gesture of clicking the segment element with a finger, a pull-up or pull-down gesture, a lateral sliding gesture, and the like. And then acquiring a corresponding gesture when the user triggers the segmentation element in the segmentation selection view, and responding to the gesture by the method to trigger the segmentation element triggering instruction.
After acquiring a trigger instruction for triggering a segment element, acquiring an index of the segment element triggered by a gesture in a segment selection view by a user, wherein a selectendex attribute is added to each segment element in advance, the attribute is used for specifying the index of the segment element currently selected by the user, in order to change the style of the segment element, a segment element base class (SegmentItem) inherited from UIView can be newly created, and a BOOL type attribute is added: selected, which indicates whether the segment element is triggered by the user, if the selected attribute of the segment element is set to NO, indicating that the segment element is not triggered, and if the selected attribute of the segment element is set to YES, indicating that the segment element is triggered; attributes of the CGFloat type: the contentAlpha represents the appearance degree (0-1), and can conveniently make the excessive effect of the segmentation elements presented in the segmentation selection view. The subclass can rewrite the get and set method of the attribute to customize the style and the appearance animation of the triggered sectional element, and the base class has no specific implementation, and the style is completely specified by the subclass per se, so that the method is very flexible.
Then, after the above configuration, the attribute of the segment element at the index may be set to be yes based on the index, so as to indicate that the segment element is triggered by the user, and certainly, the attribute value of the triggered segment element before the segment element is triggered is set to be no, which indicates that the triggered segment element is not currently triggered by the user, that is, the last triggered segment element is replaced by the currently triggered segment element, so that the user terminal obtains the segment element triggering instruction generated by triggering the segment element by the user in the segment selection view.
Then, the user terminal responds to the segmentation element triggering instruction, and acquires a target segmentation element selected by the user from the plurality of segmentation elements in the segmentation selection view, wherein the target segmentation element is the segmentation element triggered by the user.
It should be noted that the above method for obtaining the index of the segment element may be obtained by traversing an array in which a plurality of segment elements are stored, where the creation of the array is performed in configuring the segment selection view, and the specific configuration process of the segment selection view is as follows:
two protocol classes are first defined: a data source protocol (segmentcontroldatasource) and a proxy protocol (segmentcontroldelegate). The data source protocol defines a series of data source protocol methods for specifying the number of segment elements (numberOfItems), the width of each segment element (widthForItemAtIndex:), the segment element (iteForIndex:), the segment selection view style (SelectType), and the width of the segment indicator (widthForIndicatorAtIndex:), etc. The proxy protocol defines a series of proxy protocol methods including a callback to click on a fragment element (didSelectItemAtIndex:), and the like.
Then, a data source (datasource) and a proxy (delete) are added for the segment selection view, complying with the data source protocol (segmentcontrolldaource) and the proxy protocol (segmentcontrolldelag), respectively. Different data sources (datasources) and proxies (delegates) may implement the protocol as required, so that different view selection controllers may be more flexibly customized.
The segment selection view (segmentcontrol) may be configured according to the data source (datasource) described above: firstly, reading the number (count) of segment elements, simultaneously creating an array (items) of the count capacity, storing a plurality of segment elements, circularly reading the segment elements (item) at the position of index (0< ═ index < count), setting the position and the size of the segment elements according to the realization of a data source width ForItemAtIndex, simultaneously adding the segment elements into a scroll view (scrollView) of a segment selection view (segmentControl), and saving the segment elements into the array (items).
After a target segment element is triggered, a callback method didSelectItemAtIndex can be called through a trigger agent (delete) to display the content corresponding to the target segment element in a content display view, wherein each segment element is preset with corresponding display content, for example, the segment element 'hot game' corresponds to related game content, such as live broadcast of each hot game video; the segment element "entertainment" corresponds to entertainment related content such as a funny video or the like.
Step S120: scrolling the plurality of segment elements in the segment selection view based on a preset segment selection view style to move the target segment element to a preset position.
The method includes the steps that a view style (SelectType) is selected according to segments set by a data source (datasource), including but not limited to three styles of center, left and right, and the multiple segment elements can be scrolled according to the segment selection view styles to move the target segment element to a preset position. The preset position user can set the preset position according to own habits or user experience conditions, for example, as shown in fig. 2, the target segmentation element can be moved to two sides or the middle of the segmentation selection view, or any visible position in the segmentation selection view, so that the position of the target segmentation element can be dynamically adjusted.
In the method for presenting a segment selection view provided in the first embodiment of the present invention, a target segment element selected by a user from a plurality of segment elements in a segment selection view is obtained by responding to a segment element trigger instruction triggered by the user in the segment selection view, where the segment selection view is a scroll view, and then the plurality of elements are scrolled in the segment selection view based on a preset segment selection view pattern, so that the target segment element is moved to a preset position, thereby implementing dynamic adjustment on the position of the segment element and improving the flexibility of design of the segment selection view.
Second embodiment
Referring to fig. 4, fig. 4 is a flowchart of a method for presenting a segment selection view according to a second embodiment of the present invention, where the method specifically includes the following steps:
step S210: in response to a segment element triggering instruction triggered by a user in a segment selection view, acquiring a target segment element selected by the user in a plurality of segment elements in the segment selection view, wherein the segment selection view is a scrolling view.
The specific implementation manner of this step may refer to the specific description in step S110 in the first embodiment, and for brevity of description, redundant description is not repeated here.
Step S220: scrolling the plurality of segment elements in the segment selection view based on a preset segment selection view style to move the target segment element to a preset position.
The specific implementation manner of this step may refer to the specific description in step S120 in the first embodiment, and for brevity of description, redundant description is not repeated here.
Step S230: moving a pre-created segment indicator to the preset position, the segment indicator for identifying a user-selected segment element.
After the target segment element is moved to a certain position in the above steps, a segment indicator view is added when the segment element is configured, and the attribute of the segment element is opened, so that different styles can be designed for the segment indicator, for example, a style such as a color, a height, a width, and whether the segment indicator is hidden can be designed, the segment indicator is used for identifying the segment element selected by the user, for example, the target segment element is triggered by the user, that is, selected by the user, the segment indicator is located at the position of the target segment element, and if the target segment element is moved to a preset position, the segment indicator is also moved to the preset position along with the target segment element, so as to identify the target segment element as the segment element selected by the current user.
In the method for presenting a segment selection view provided by the second embodiment of the present invention, a target segment element selected by a user from a plurality of segment elements in a segment selection view is obtained by responding to a segment element trigger instruction triggered by the user in the segment selection view, where the segment selection view is a scroll view, and then the plurality of elements are scrolled in the segment selection view based on a preset segment selection view pattern, so that the target segment element is moved to a preset position, and a pre-created segment indicator for identifying the segment element selected by the user is moved to the preset position, so that a dynamic adjustment of a position of the segment element can be implemented, and flexibility of design of the segment selection view is improved.
Third embodiment
Referring to fig. 5, fig. 5 is a block diagram of a device 200 for presenting a segment selection view according to a third embodiment of the present invention, the device including:
a segment element acquiring module 210, configured to acquire, in response to a segment element triggering instruction triggered by a user in a segment selection view, a target segment element selected by the user from a plurality of segment elements in the segment selection view, where the segment selection view is a scroll view.
A position adjustment module 220, configured to scroll the plurality of segment elements in the segment selection view based on a preset segment selection view pattern, so that the target segment element moves to a preset position.
As an embodiment, the apparatus further comprises:
a display module to display content corresponding to the target segment element in a content display view.
And the gesture acquiring module is used for acquiring a corresponding gesture when the user triggers the segmentation element in the segmentation selection view.
And the response gesture module is used for responding to the gesture so as to trigger the segmentation element triggering instruction.
And the index acquisition module is used for acquiring the indexes of the segment elements triggered by the user in the segment selection view.
And the trigger representation module is used for setting the attribute of the segment element at the index to be yes on the basis of the index so as to represent that the segment element is triggered by a user, and acquiring a segment element trigger instruction which triggers the generation of the segment element in the segment selection view by the user.
Fourth embodiment
Referring to fig. 6, fig. 6 is a block diagram of a device 300 for presenting a segment selection view according to a fourth embodiment of the present invention, the device including:
a segment element acquiring module 310, configured to acquire, in response to a segment element triggering instruction triggered by a user in a segment selection view, a target segment element selected by the user from a plurality of segment elements in the segment selection view, where the segment selection view is a scroll view.
A position adjustment module 320, configured to scroll the plurality of segment elements in the segment selection view based on a preset segment selection view pattern, so that the target segment element moves to a preset position.
An indicating module 330, configured to move a pre-created segment indicator to the preset position, the segment indicator being used to identify a segment element selected by a user.
It is clear to those skilled in the art that, for convenience and brevity of description, the specific working process of the apparatus described above may refer to the corresponding process in the foregoing method, and will not be described in too much detail herein.
In summary, embodiments of the present invention provide a method, an apparatus, and a user terminal for presenting a segment selection view, in which a target segment element selected by a user from a plurality of segment elements in the segment selection view is obtained by responding to a segment element trigger instruction triggered by the user in the segment selection view, where the segment selection view is a scroll view, and then the plurality of elements are scrolled in the segment selection view based on a preset segment selection view pattern, so that the target segment element is moved to a preset position, thereby implementing dynamic adjustment of a position of the target segment element, and improving flexibility of design of the segment selection view.
In the embodiments provided in the present application, it should be understood that the disclosed apparatus and method can be implemented in other ways. The apparatus embodiments described above are merely illustrative, and for example, the flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of apparatus, methods and computer program products according to various embodiments of the present invention. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
In addition, the functional modules in the embodiments of the present invention may be integrated together to form an independent part, or each module may exist separately, or two or more modules may be integrated to form an independent part.
The functions, if implemented in the form of software functional modules and sold or used as a stand-alone product, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present invention may be embodied in the form of a software product, which is stored in a storage medium and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the steps of the method according to the embodiments of the present invention. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and other various media capable of storing program codes. It is noted that, herein, relational terms such as first and second, and the like may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, 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 identical elements in a process, method, article, or apparatus that comprises the element.
The above description is only a preferred embodiment of the present invention and is not intended to limit the present invention, and various modifications and changes may be made by those skilled in the art. Any modification, equivalent replacement, or improvement made within the spirit and principle of the present invention should be included in the protection scope of the present invention. It should be noted that: like reference numbers and letters refer to like items in the following figures, and thus, once an item is defined in one figure, it need not be further defined and explained in subsequent figures.
The above description is only for the specific embodiments of the present invention, but the scope of the present invention is not limited thereto, and any person skilled in the art can easily conceive of the changes or substitutions within the technical scope of the present invention, and all the changes or substitutions should be covered within the scope of the present invention. Therefore, the protection scope of the present invention shall be subject to the protection scope of the claims.
It is noted that, herein, relational terms such as first and second, and the like may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, 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 identical elements in a process, method, article, or apparatus that comprises the element.
Claims (7)
1. A segmentation selection view presentation method applied to an IOS system, the method comprising:
responding to a segment element triggering instruction triggered by a user in a segment selection view, and acquiring a target segment element selected by the user in a plurality of segment elements in the segment selection view, wherein the segment selection view is a rolling view;
scrolling the plurality of segment elements in the segment selection view based on a preset segment selection view style to move the target segment element to a preset position;
displaying content corresponding to the target segment element in a content display view;
the segmentation element is an attribute category corresponding to the content in the content display view;
wherein, the method further comprises:
constructing a segmentation selection view sub-class segmentcontrol inherited from the UIView and a scrolling view scrollView inherited from the UIScrollView to realize the configuration of the scrolling view; wherein the scroll view carries a plurality of segment elements;
the step of responding to the segment element triggering instruction triggered by the user in the segment selection view is preceded by the following steps:
acquiring indexes of segment elements triggered by a user in a segment selection view;
setting the attribute of the segment element at the index to be yes based on the index to represent that the segment element is triggered by a user, and acquiring a segment element triggering instruction which triggers the generation of the segment element in a segment selection view by the user;
wherein the segment selection view is configured by:
defining a data source protocol SegmentControlDataSource and a proxy protocol SegmentControlDelegate;
adding a data source data and a proxy delete to the segment selection view;
configuring the segment selection view according to the data source.
2. The method of claim 1, wherein the step of triggering an instruction in response to a segment element triggered by a user in a segment selection view is preceded by the step of:
acquiring a corresponding gesture when a user triggers a segmentation element in a segmentation selection view;
responding to the gesture to trigger a segmentation element triggering instruction.
3. The method of claim 1, further comprising:
moving a pre-created segment indicator to the preset position, the segment indicator for identifying a user-selected segment element.
4. A segment selection view presenting apparatus applied to an IOS system, the apparatus comprising:
the segmentation element acquiring module is used for responding to a segmentation element triggering instruction triggered by a user in a segmentation selection view, and acquiring a target segmentation element selected by the user in a plurality of segmentation elements in the segmentation selection view, wherein the segmentation selection view is a rolling view;
a position adjustment module for scrolling the plurality of segment elements in the segment selection view based on a preset segment selection view pattern to move the target segment element to a preset position;
a display module for displaying content corresponding to the target segment element in a content display view; the segmentation element is an attribute category corresponding to the content in the content display view;
the view configuration module is used for constructing a subsection selection view sub-class segmentcontrol inherited from the UIView and a scrolling view scrollView inherited from the UIScrollView so as to realize the configuration of the scrolling view; wherein the scroll view carries a plurality of segment elements;
the index acquisition module is used for acquiring indexes of the segment elements triggered by the user in the segment selection view;
the trigger representation module is used for setting the attribute of the segmentation element at the index to be yes on the basis of the index so as to represent that the segmentation element is triggered by a user, and acquiring a segmentation element trigger instruction which triggers the generation of the segmentation element in a segmentation selection view by the user;
wherein the segment selection view is configured by:
defining a data source protocol SegmentControlDataSource and a proxy protocol SegmentControlDelegate;
adding a data source data and a proxy delete to the segment selection view;
configuring the segment selection view according to the data source.
5. The apparatus of claim 4, further comprising:
the gesture obtaining module is used for obtaining corresponding gestures when a user triggers the segmentation elements in the segmentation selection view;
and the response gesture module is used for responding to the gesture so as to trigger the segmentation element triggering instruction.
6. The apparatus of claim 4, further comprising:
an indication module to move a pre-created segment indicator to the preset location, the segment indicator to identify a user-selected segment element.
7. A user terminal for use in an IOS system, the user terminal comprising a processor and a memory coupled to the processor, the memory storing instructions that, when executed by the processor, perform the following:
responding to a segment element triggering instruction triggered by a user in a segment selection view, and acquiring a target segment element selected by the user in a plurality of segment elements in the segment selection view, wherein the segment selection view is a rolling view;
scrolling the plurality of segment elements in the segment selection view based on a preset segment selection view style to move the target segment element to a preset position;
displaying content corresponding to the target segment element in a content display view;
the segmentation element is an attribute category corresponding to the content in the content display view;
wherein the content of the first and second substances,
constructing a segmentation selection view sub-class segmentcontrol inherited from the UIView and a scrolling view scrollView inherited from the UIScrollView to realize the configuration of the scrolling view; wherein the scroll view carries a plurality of segment elements; the step of responding to the segment element triggering instruction triggered by the user in the segment selection view is preceded by the following steps:
acquiring indexes of segment elements triggered by a user in a segment selection view;
setting the attribute of the segment element at the index to be yes based on the index to represent that the segment element is triggered by a user, and acquiring a segment element triggering instruction which triggers the generation of the segment element in a segment selection view by the user;
wherein the segment selection view is configured by:
defining a data source protocol SegmentControlDataSource and a proxy protocol SegmentControlDelegate;
adding a data source data and a proxy delete to the segment selection view;
configuring the segment selection view according to the data source.
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710416017.9A CN107239212B (en) | 2017-06-05 | 2017-06-05 | Method and device for presenting segmentation selection view and user terminal |
| PCT/CN2017/109569 WO2018223593A1 (en) | 2017-06-05 | 2017-11-06 | Method and device for presenting segment view, and user terminal |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710416017.9A CN107239212B (en) | 2017-06-05 | 2017-06-05 | Method and device for presenting segmentation selection view and user terminal |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107239212A CN107239212A (en) | 2017-10-10 |
| CN107239212B true CN107239212B (en) | 2020-02-07 |
Family
ID=59985397
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710416017.9A Active CN107239212B (en) | 2017-06-05 | 2017-06-05 | Method and device for presenting segmentation selection view and user terminal |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN107239212B (en) |
| WO (1) | WO2018223593A1 (en) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107239212B (en) * | 2017-06-05 | 2020-02-07 | 武汉斗鱼网络科技有限公司 | Method and device for presenting segmentation selection view and user terminal |
| CN109992188B (en) * | 2018-01-02 | 2021-02-02 | 武汉斗鱼网络科技有限公司 | Method and device for realizing scrolling display of iOS mobile terminal text |
| CN108108221B (en) * | 2018-01-02 | 2021-09-07 | 武汉斗鱼网络科技有限公司 | Method and device for switching real-time data display through designated operation |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1322992A (en) * | 2000-05-01 | 2001-11-21 | 索尼公司 | Information processing apparatus and method information processing program and program storage medium |
| CN1808364A (en) * | 2005-12-20 | 2006-07-26 | 无锡永中科技有限公司 | Method for displaying electronic lantern navigation information on computer |
| CN102547193A (en) * | 2010-12-07 | 2012-07-04 | 索尼公司 | Information processing apparatus, information processing method, and program |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104298454A (en) * | 2013-07-15 | 2015-01-21 | 霍尼韦尔国际公司 | User interface navigation system and method used for smart home system |
| CN105718148A (en) * | 2016-01-26 | 2016-06-29 | 北京小米移动软件有限公司 | Display method and device for application icons and equipment |
| CN107239212B (en) * | 2017-06-05 | 2020-02-07 | 武汉斗鱼网络科技有限公司 | Method and device for presenting segmentation selection view and user terminal |
-
2017
- 2017-06-05 CN CN201710416017.9A patent/CN107239212B/en active Active
- 2017-11-06 WO PCT/CN2017/109569 patent/WO2018223593A1/en active Application Filing
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1322992A (en) * | 2000-05-01 | 2001-11-21 | 索尼公司 | Information processing apparatus and method information processing program and program storage medium |
| CN1808364A (en) * | 2005-12-20 | 2006-07-26 | 无锡永中科技有限公司 | Method for displaying electronic lantern navigation information on computer |
| CN102547193A (en) * | 2010-12-07 | 2012-07-04 | 索尼公司 | Information processing apparatus, information processing method, and program |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107239212A (en) | 2017-10-10 |
| WO2018223593A1 (en) | 2018-12-13 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107957831B (en) | Data processing method, device and processing equipment for displaying interface content | |
| US9870362B2 (en) | Interactive data-driven presentations | |
| AU2017204611B2 (en) | Widget setting method and terminal device | |
| NL2007908B1 (en) | Temporal task-based tab management. | |
| US9304668B2 (en) | Method and apparatus for customizing a display screen of a user interface | |
| JP5897715B2 (en) | Processing method by computer | |
| US20140043355A1 (en) | Method and apparatus for dynamic image manipulation in a mobile terminal | |
| US20180035168A1 (en) | Method and Apparatus for Providing Combined Barrage Information | |
| CN109753326B (en) | Processing method, device, equipment and machine readable medium | |
| US20140279025A1 (en) | Methods and apparatus for display of mobile advertising content | |
| KR20150136794A (en) | display apparatus for displaying and method thereof | |
| WO2019085820A1 (en) | Processing method, device, apparatus, and machine-readable medium | |
| CN107239212B (en) | Method and device for presenting segmentation selection view and user terminal | |
| US11360640B2 (en) | Method, device and browser for presenting recommended news, and electronic device | |
| CN109062653B (en) | Long image-text information display method, computer device and computer readable storage medium | |
| CN105095374A (en) | Method and device for browsing mobile terminal news | |
| CN110647272A (en) | Display control method and device | |
| WO2016014100A1 (en) | Matrix interface for enabling access to digital content | |
| CN107517312A (en) | A kind of wallpaper switching method, device and terminal device | |
| CN107256116B (en) | Page switching processing method and device, user terminal and readable storage medium | |
| CN107077347B (en) | View management architecture | |
| WO2019085810A1 (en) | Processing method, device, apparatus, and machine-readable medium | |
| WO2016078528A1 (en) | Method and device for displaying object information | |
| CN110727387B (en) | Method, device and computer storage medium for determining user behavior data | |
| CN108845735B (en) | Display method and electronic equipment |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |