CN107239212A - Segmentation selection view rendering method, device and user terminal - Google Patents
Segmentation selection view rendering method, device and user terminal Download PDFInfo
- Publication number
- CN107239212A CN107239212A CN201710416017.9A CN201710416017A CN107239212A CN 107239212 A CN107239212 A CN 107239212A CN 201710416017 A CN201710416017 A CN 201710416017A CN 107239212 A CN107239212 A CN 107239212A
- Authority
- CN
- China
- Prior art keywords
- segmentation selection
- view
- selection view
- segments elements
- segmentation
- 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.)
- Granted
Links
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
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the present invention provides a kind of segmentation selection view rendering method, device and user terminal, belongs to interface display field.Methods described in response to user by being segmented the segments elements triggering command for selecting to be triggered in view, to obtain the target segment element selected in multiple segments elements of the user in the segmentation selection view, wherein, the segmentation selection view is rolling view, it is then based on default segmentation selection view pattern and rolls the multiple element in the segmentation selection view, so that the target segment element is moved to predeterminated position, it is achieved thereby that the dynamic adjustment of the position of target segment element, improves the flexibility of segmentation selection view design.
Description
Technical field
The present invention relates to interface display technical field, in particular to one kind segmentation selection view rendering method, device
And user terminal.
Background technology
On mobile terminal APP based on iOS system, in many scenes, due to the diversity of content, often through segmentation
Different information is presented among a view by selection view, and user only need to click on different members on segmentation selection control
Element, which just can arbitrarily switch, browses different information, so as to reach that reduction is redirected, improves the purpose of Consumer's Experience.
At present, segmentation selection view can all occurs on the APP of most of iOS systems in more or less scene, and
Segmentation selection control is the core of segmentation selection view.In different scenes, in order to meet different vision needs, segmentation selection
The form of expression of control is also varied, but with the increase of element number, complexity rises therewith.However, current iOS
The segmentation selection control UISegmentedControl that system is provided can meet simple demand, but difficult for complicated pattern
To meet, customizability is poor.And the also customizations for being partial to segments elements of other implementations more, such as choose element background,
Animation etc. so that the flexibility of segmentation selection view design is not relatively high.
The content of the invention
In view of this, the purpose of the embodiment of the present invention is to provide a kind of segmentation selection view rendering method, device and use
Family terminal, to improve above mentioned problem.
In a first aspect, the embodiments of the invention provide one kind segmentation selection view rendering method, methods described includes：Response
The segments elements triggering command triggered in user in segmentation selection view, obtains user many in the segmentation selection view
The target segment element selected in individual segments elements, wherein, the segmentation selection view is rolling view；Based on default segmentation
Selection view pattern rolls the multiple segments elements in the segmentation selection view, so that the target segment element is moved
To predeterminated position.
Second aspect, is presented device, described device includes the embodiments of the invention provide one kind segmentation selection view：Obtain
Segments elements module, for the segments elements triggering command triggered in response to user in segmentation selection view, obtains user and exists
The target segment element selected in multiple segments elements in the segmentation selection view, wherein, the segmentation selection view is
Roll view；Position adjusting type modules, for being rolled based on default segmentation selection view pattern in the segmentation selection view
The multiple segments elements, so that the target segment element is moved to predeterminated position.
The third aspect, the embodiments of the invention provide a kind of user terminal, the user terminal includes processor and deposited
Reservoir, the memory is couple to the processor, the memory store instruction, when the instruction is by the computing device
Shi Suoshu user terminals perform following operate：The segments elements triggering command triggered in response to user in segmentation selection view,
The target segment element selected in multiple segments elements of the user in the segmentation selection view is obtained, wherein, the segmentation
View is selected to roll view；Rolled based on default segmentation selection view pattern in the segmentation selection view the multiple
Segments elements, so that the target segment element is moved to predeterminated position.
The beneficial effect of the embodiment of the present invention is：
The embodiment of the present invention provides a kind of segmentation selection view rendering method, device and user terminal, by response to
The segments elements triggering command that family is triggered in segmentation selection view, it is multiple in the segmentation selection view to obtain user
The target segment element selected in segments elements, wherein, the segmentation selection view is then based on default point to roll view
Section selection view pattern rolls the multiple element in the segmentation selection view, so that the target segment element is moved to
Predeterminated position, so as to realize the dynamic adjustment for the position of segments elements, improves the spirit of segmentation selection view design
Activity.
Other features and advantages of the present invention will be illustrated in subsequent specification, also, partly be become from specification
It is clear that or by implementing understanding of the embodiment of the present invention.The purpose of the present invention and other advantages can be by saying for being write
Specifically noted structure is realized and obtained in bright book, claims and accompanying drawing.
Brief description of the drawings
In order to illustrate the technical solution of the embodiments of the present invention more clearly, below will be attached to what is used required in embodiment
Figure is briefly described, it will be appreciated that the following drawings illustrate only certain embodiments of the present invention, therefore is not construed as pair
The restriction of scope, for those of ordinary skill in the art, on the premise of not paying creative work, can also be according to this
A little accompanying drawings obtain other related accompanying drawings.
Fig. 1 shows a kind of structured flowchart for the user terminal that can be applied in the embodiment of the present invention；
Fig. 2 provides a kind of signal for the user terminal interactive interface for being segmented selection view rendering method for the embodiment of the present invention
Figure；
Fig. 3 selects the flow chart of view rendering method for a kind of segmentation that first embodiment of the invention is provided；
Fig. 4 selects the flow chart of view rendering method for a kind of segmentation that second embodiment of the invention is provided；
Fig. 5 provides a kind of structured flowchart for being segmented selection view presentation device for third embodiment of the invention；
Fig. 6 provides a kind of structured flowchart for being segmented selection view presentation device for fourth embodiment of the invention.
Embodiment
Below in conjunction with accompanying drawing in the embodiment of the present invention, the technical scheme in the embodiment of the present invention is carried out clear, complete
Ground is described, it is clear that described embodiment is only a part of embodiment of the invention, rather than whole embodiments.Generally exist
The component of the embodiment of the present invention described and illustrated in accompanying drawing can be arranged and designed with a variety of configurations herein.Cause
This, the detailed description of the embodiments of the invention to providing in the accompanying drawings is not intended to limit claimed invention below
Scope, but it is merely representative of the selected embodiment of the present invention.Based on embodiments of the invention, those skilled in the art are not doing
The every other embodiment obtained on the premise of going out creative work, belongs to the scope of protection of the invention.
It should be noted that：Similar label and letter represents similar terms in following accompanying drawing, therefore, once a certain Xiang Yi
It is defined in individual accompanying drawing, then it further need not be defined and explained in subsequent accompanying drawing.Meanwhile, the present invention's
In description, term " first ", " second " etc. are only used for distinguishing description, and it is not intended that indicating or implying relative importance.
Fig. 1 shows a kind of structured flowchart for the user terminal 100 that can be applied in the embodiment of the present invention.As shown in figure 1,
User terminal 100 includes memory 101, storage control 102, one or more (one is only shown in figure) processors 103, outer
If interface 104, radio-frequency module 105, audio-frequency module 106, Touch Screen 107 etc..These components are total by one or more communication
Line/signal wire 108 is mutually communicated.
The segmentation selection view that memory 101 can be used in storage software program and module, such as embodiment of the present invention is in
Existing method and the corresponding programmed instruction/module of device, processor 103 are stored in the software journey in memory 101 by operation
Sequence and module, so that various function application and data processing are performed, segmentation selection view such as provided in an embodiment of the present invention
Rendering method.
Memory 101 may include high speed random access memory, may also include nonvolatile memory, such as one or more magnetic
Property storage device, flash memory or other non-volatile solid state memories.Processor 103 and other possible components are to storage
The access of device 101 can be carried out under the control of storage control 102.
Various input/output devices are coupled to processor 103 and memory 101 by Peripheral Interface 104.In some implementations
In example, Peripheral Interface 104, processor 103 and storage control 102 can be realized in one single chip.In some other reality
In example, they can be realized by independent chip respectively.
Radio-frequency module 105 is used to receiving and sending electromagnetic wave, realizes the mutual conversion of electromagnetic wave and electric signal, so that with
Communication network or other equipment are communicated.
Audio-frequency module 106 provides a user COBBAIF, and it may include one or more microphones, one or more raises
Sound device and voicefrequency circuit.
Touch Screen 107 provides an output and inputting interface simultaneously between user terminal 100 and user.Specifically,
Touch Screen 107 shows video frequency output to user, and the contents of these video frequency outputs may include word, figure, video and its any
Combination.
It is appreciated that the structure shown in Fig. 1 be only signal, user terminal 100 may also include it is more more than shown in Fig. 1 or
Less component, or with the configuration different from shown in Fig. 1.Each component shown in Fig. 1 can using hardware, software or its
Combination is realized.
In the embodiment of the present invention, client is installed in user terminal 100, the client can be that browser can also
It is third-party application software, it is corresponding with server (Server) end, provide the user service, such as e-book reading service,
For playing local document or e-book.
Below in conjunction with accompanying drawing in the embodiment of the present invention, the technical scheme in the embodiment of the present invention is carried out clear, complete
Ground is described, it is clear that described embodiment is only a part of embodiment of the invention, rather than whole embodiments.Generally exist
The component of the embodiment of the present invention described and illustrated in accompanying drawing can be arranged and designed with a variety of configurations herein.Cause
This, the detailed description of the embodiments of the invention to providing in the accompanying drawings is not intended to limit claimed invention below
Scope, but it is merely representative of the selected embodiment of the present invention.Based on embodiments of the invention, those skilled in the art are not doing
The every other embodiment obtained on the premise of going out creative work, belongs to the scope of protection of the invention.
Fig. 2 is refer to, Fig. 2 provides a kind of user terminal interaction for being segmented selection view rendering method for the embodiment of the present invention
The schematic diagram at interface, following implementation process can refer to the accompanying drawing and be understood.
As shown in Fig. 2 segmentation selection view is for different segments elements are showed, so that user clicks on this point
Content corresponding with the segments elements can be presented in content shows view in Duan Yuansu.Wherein, segmentation selection view is to pass through
Segmentation selection control goes what is realized.
First embodiment
Fig. 3 is refer to, Fig. 3 selects the flow of view rendering method for a kind of segmentation that first embodiment of the invention is provided
Figure, methods described specifically includes following steps：
Step S110：The segments elements triggering command triggered in response to user in segmentation selection view, obtains user and exists
The target segment element selected in multiple segments elements in the segmentation selection view, wherein, the segmentation selection view is
Roll view.
Wherein, will be segmented selection view configuration is that the method for rolling view is：It is inherited from UIView's by newly-built first
Segmentation selection view subclass (SegmentControll), and it is inherited from UIScrollView rolling views for its addition
(scrollView), it is responsible for the multiple segments elements of carrying, so that the plurality of segments elements can realize rolling in segmentation selection view
It is dynamic, segmentation selection view is realized to roll view.Wherein, in order to improve Consumer's Experience, its roll mode is generally edge point
Section selection view is laterally rolled.
In most cases, user is to trigger segments elements in user terminal by gesture, so needing to select segmentation
Select view (SegmentControll) addition and click on gesture, and add gesture response method (SegmentClicked:), gesture
Can be a variety of, for example, finger clicks on the gesture of segments elements, pulls up or pull down gesture, slides laterally gesture etc..Then again
Corresponding gesture when user triggers segments elements in segmentation selection view is obtained, the gesture can be made by the above method
Response, to trigger segments elements triggering command.
After triggering segments elements triggering command is obtained, user can also be obtained and touched in segmentation selection view by gesture
The index of the segments elements of hair, wherein, selectIndex attributes are added for each segments elements in advance, the attribute is then used
In the index for specifying the segments elements currently selected by user, in order to which the pattern of segments elements can be changed, it can be inherited with newly-built
From UIView segments elements base class (SegmentItem), and add BOOL type attributes：Selected, represents segments elements
Whether triggered by user, the selected attributes of such as segments elements are set to NO, and expression is not triggered, the selected of segments elements
Attribute is set to YES, represents to be triggered；The attribute of CGFloat types：ContentAlpha, there is shown existing degree (0~1), can
The transitional effect that segments elements are presented in segmentation selection view is made to facilitate.Subclass can rewrite get and the set side of attribute
The pattern for the segments elements being triggered and there is animation to customize in method, and base class does not have concrete implementation, and pattern is completely by son
Class itself is specified, very flexibly.
Then by above-mentioned with postponing and can be set the attributes of the segments elements at the index based on the index
It is yes, to represent that the segments elements are triggered by the user, being touched before also needing the segments elements being triggered certainly
The property value of the segments elements of hair is set to no, and the segments elements being triggered before expression are not triggered currently by user, also
It is to have changed the segments elements being currently triggered into from the upper segments elements being triggered, so that user terminal obtains described use
The segments elements triggering command of the segments elements generation is triggered in segmentation selection view in family.
Then, user terminal obtains user in the segmentation selection view in response to the segments elements triggering command
Multiple segments elements in the target segment element that selects, the target segment element is the above-mentioned segments elements triggered by user.
Multiple segments elements it should be noted that the acquisition methods of above-mentioned segments elements index can be stored with by traversal
Array obtain, its array is created as what is carried out in being configured to segmentation selection view, and segmentation selects the tool of view
Body configuration process is：
Two protocol class are defined first：Data source protocol (SegmentControllDatasource) and agency agreement
(SegmentControllDelegate).Wherein, a series of data source protocol method of data source protocol definition, is used to refer to
Determine number (numberOfItems), the width (widthForItemAtIndex of each segments elements of segments elements:), segmentation
Element (itemForIndex:), segmentation selection view pattern (SelectType) and segment indicators width
(widthForIndicatorAtIndex:) etc..Agency agreement defines a series of agency agreement method, including clicks on segmentation
Readjustment (the didSelectItemAtIndex of element:) etc..
Then, it is segmentation selection view interpolation data source (datasource) and agency (delegate), individually complies with number
According to source protocol (SegmentControllDatasource) and agency agreement (SegmentControllDelegate).Different
Data source (datasource) and agency (delegate), can realize to agreement, so as to cleverer as needed
Different views selection controllers are customized livingly.
Segmentation selection view (SegmentControll) can be matched somebody with somebody according to above-mentioned data source (datasource)
Put：Segments elements number (count) is read first, while the array (items) of count capacity is created, for storing multiple points
Index (0 is read in Duan Yuansu, recycling<=index<Count segments elements (item)) at position, and according to data source pair
widthForItemAtIndex:The realization of method, sets position and the size of the segments elements, while being added to segmentation selection
In the rolling view (scrollView) of view (SegmentControll), and it is saved in array (items).
After target segment element is triggered, callback method can be called by triggering agency (delegate)
didSelectItemAtIndex:Carry out the display content corresponding with the target segment element in content shows view, each
Segments elements are previously provided with corresponding display content, for example, segments elements " hot game " are corresponding, it is related game
Content, e.g., each big hot game video are live；Corresponding segments elements " amusement " are the related contents of amusement, such as make laughs and regard
Frequency etc..
Step S120：Based on default segmentation selection view pattern the multiple point is rolled in the segmentation selection view
Duan Yuansu, so that the target segment element is moved to predeterminated position.
The segmentation selection view pattern (SelectType) set according to data source (datasource), includes but is not limited to
Between two parties, occupy left and occupy right three kinds of patterns, the multiple segments elements can be rolled according to these segmentation selection view patterns, so that
The target segment element is moved to predeterminated position, it will be understood that, can be by the target element when triggering target segment element
The position of element rolls multiple segments elements automatically, and target segment element is adjusted into one kind in above-mentioned three kinds of patterns, Huo Zheye
Target segment element can be moved to predeterminated position by rolling the multiple segments elements.Wherein, this predeterminated position is used
Family can be according to the custom or Consumer's Experience situation of oneself come sets itself, for example, such as Fig. 2, can be by target segment element
Any viewing position being moved in segmentation selection view both sides or centre, or segmentation selection view, it is achieved thereby that target
The dynamic adjustment of the position of segments elements.
A kind of segmentation selection view rendering method that first embodiment of the invention is provided, by being selected in response to user in segmentation
The segments elements triggering command triggered in view is selected, to obtain in multiple segments elements of the user in the segmentation selection view
The target segment element of selection, wherein, the segmentation selection view is then based on default segmentation selection view to roll view
Pattern rolls the multiple element in the segmentation selection view, so that the target segment element is moved to predeterminated position,
So as to realize the dynamic adjustment for the position of segments elements, the flexibility of segmentation selection view design is improved.
Second embodiment
Fig. 4 is refer to, Fig. 4 selects the flow of view rendering method for a kind of segmentation that second embodiment of the invention is provided
Figure, methods described specifically includes following steps：
Step S210：The segments elements triggering command triggered in response to user in segmentation selection view, obtains user and exists
The target segment element selected in multiple segments elements in the segmentation selection view, wherein, the segmentation selection view is
Roll view.
The specific implementation of the step is referred to the specific descriptions in the step S110 in first embodiment, in order to retouch
That states is succinct, no longer excessively repeats herein.
Step S220：Based on default segmentation selection view pattern the multiple point is rolled in the segmentation selection view
Duan Yuansu, so that the target segment element is moved to predeterminated position.
The specific implementation of the step is referred to the specific descriptions in the step S120 in first embodiment, in order to retouch
That states is succinct, no longer excessively repeats herein.
Step S230：The segment indicators being pre-created are moved to the predetermined position, the segment indicators are used
In the mark selected segments elements of user.
Realize to move into place target segment element in above-mentioned steps and postpone, also added when being configured to segments elements
Segment indicators views, and its open attribute, then can design the segment indicators different patterns, for example, can be right
The colors of the segment indicators, height, width and the pattern such as whether hide and be designed, the segment indicators are used to identify user
Selected segments elements, for example, above-mentioned target segment element is triggered by user, that is, are selected by a user, then the segmentation refers to
Show that device is at the position of the target segment element, if target segment element is moved into predeterminated position, the segment indicators
Also target segment element is followed to be moved to predeterminated position together, to identify the target segment element as selected point of active user
Duan Yuansu.
A kind of segmentation selection view rendering method that second embodiment of the invention is provided, by being selected in response to user in segmentation
The segments elements triggering command triggered in view is selected, to obtain in multiple segments elements of the user in the segmentation selection view
The target segment element of selection, wherein, the segmentation selection view is then based on default segmentation selection view to roll view
Pattern rolls the multiple element in the segmentation selection view, so that the target segment element is moved to predeterminated position,
And the segment indicators for being used to identify the selected segments elements of user being pre-created are moved to the predetermined position,
So as to realize the dynamic adjustment for the position of segments elements, the flexibility of segmentation selection view design is improved.
3rd embodiment
Fig. 5 is refer to, Fig. 5 provides a kind of structure for being segmented selection view presentation device 200 for third embodiment of the invention
Block diagram, described device includes：
Segments elements module 210 is obtained, the segments elements for being triggered in response to user in segmentation selection view are triggered
Instruction, obtains the target segment element selected in multiple segments elements of the user in the segmentation selection view, wherein, it is described
Segmentation selection view is rolling view.
Position adjusting type modules 220, for being rolled based on default segmentation selection view pattern in the segmentation selection view
The multiple segments elements are moved, so that the target segment element is moved to predeterminated position.
As a kind of embodiment, described device also includes：
Display module, for showing content corresponding with the target segment element in showing view in content.
Gesture module is obtained, for obtaining corresponding gesture when user triggers segments elements in segmentation selection view.
Gesture module is responded, for being responded to the gesture, to trigger segments elements triggering command.
Acquisition module is indexed, the index for obtaining the segments elements that user triggers in segmentation selection view.
Representation module is triggered, for the attribute of the segments elements at the index to be configured as based on the index,
To represent that the segments elements are triggered by user, obtain user and the segments elements generation is triggered in segmentation selection view
Segments elements triggering command.
Fourth embodiment
Fig. 6 is refer to, Fig. 6 provides a kind of structure for being segmented selection view presentation device 300 for fourth embodiment of the invention
Block diagram, described device includes：
Segments elements module 310 is obtained, the segments elements for being triggered in response to user in segmentation selection view are triggered
Instruction, obtains the target segment element selected in multiple segments elements of the user in the segmentation selection view, wherein, it is described
Segmentation selection view is rolling view.
Position adjusting type modules 320, for being rolled based on default segmentation selection view pattern in the segmentation selection view
The multiple segments elements are moved, so that the target segment element is moved to predeterminated position.
Indicating module 330, for the segment indicators being pre-created to be moved into the predetermined position, the segmentation refers to
Show that device is used to identify the selected segments elements of user.
It is apparent to those skilled in the art that, for convenience and simplicity of description, the device of foregoing description
Specific work process, may be referred to the corresponding process in preceding method, no longer excessively repeat herein.
In summary, the embodiment of the present invention provides a kind of segmentation selection view rendering method, device and user terminal, passes through
The segments elements triggering command triggered in response to user in segmentation selection view, to obtain user in the segmentation selection view
In multiple segments elements in the target segment element that selects, wherein, the segmentation selection view is then based on to roll view
Default segmentation selection view pattern rolls the multiple element in the segmentation selection view, so that the target segment is first
Element is moved to predeterminated position, it is achieved thereby that the dynamic adjustment of the position of target segment element, improves segmentation selection view and set
The flexibility of meter.
In several embodiments provided herein, it should be understood that disclosed apparatus and method, it can also pass through
Other modes are realized.Device embodiment described above is only schematical, for example, flow chart and block diagram in accompanying drawing
Show according to the device of multiple embodiments of the present invention, the architectural framework in the cards of method and computer program product,
Function and operation.At this point, each square frame in flow chart or block diagram can represent the one of a module, program segment or code
Part a, part for the module, program segment or code is used to realize holding for defined logic function comprising one or more
Row instruction.It should also be noted that in some implementations as replacement, the function of being marked in square frame can also with different from
The order marked in accompanying drawing occurs.For example, two continuous square frames can essentially be performed substantially in parallel, they are sometimes
It can perform in the opposite order, this is depending on involved function.It is also noted that every in block diagram and/or flow chart
The combination of individual square frame and block diagram and/or the square frame in flow chart, can use the special base for performing defined function or action
Realize, or can be realized with the combination of specialized hardware and computer instruction in the system of hardware.
In addition, each functional module in each embodiment of the invention can integrate to form an independent portion
Point or modules individualism, can also two or more modules be integrated to form an independent part.
If the function is realized using in the form of software function module and is used as independent production marketing or in use, can be with
It is stored in a computer read/write memory medium.Understood based on such, technical scheme is substantially in other words
The part contributed to prior art or the part of the technical scheme can be embodied in the form of software product, the meter
Calculation machine software product is stored in a storage medium, including some instructions are to cause a computer equipment (can be individual
People's computer, server, or network equipment etc.) perform all or part of step of each of the invention embodiment methods described.
And foregoing storage medium includes：USB flash disk, mobile hard disk, read-only storage (ROM, Read-Only Memory), arbitrary access are deposited
Reservoir (RAM, Random Access Memory), magnetic disc or CD etc. are various can be with the medium of store program codes.Need
Illustrate, herein, such as first and second or the like relational terms be used merely to by an entity or operation with
Another entity or operation make a distinction, and not necessarily require or imply between these entities or operation there is any this reality
The relation or order on border.Moreover, term " comprising ", "comprising" or its any other variant are intended to the bag of nonexcludability
Contain, so that process, method, article or equipment including a series of key elements are not only including those key elements, but also including
Other key elements being not expressly set out, or also include for this process, method, article or the intrinsic key element of equipment.
In the absence of more restrictions, the key element limited by sentence "including a ...", it is not excluded that including the key element
Process, method, article or equipment in also there is other identical element.
The preferred embodiments of the present invention are the foregoing is only, are not intended to limit the invention, for the skill of this area
For art personnel, the present invention can have various modifications and variations.Within the spirit and principles of the invention, that is made any repaiies
Change, equivalent substitution, improvement etc., should be included in the scope of the protection.It should be noted that：Similar label and letter exists
Similar terms is represented in following accompanying drawing, therefore, once being defined in a certain Xiang Yi accompanying drawing, is then not required in subsequent accompanying drawing
It is further defined and explained.
The foregoing is only a specific embodiment of the invention, but protection scope of the present invention is not limited thereto, any
Those familiar with the art the invention discloses technical scope in, change or replacement can be readily occurred in, should all be contained
Cover within protection scope of the present invention.Therefore, protection scope of the present invention described should be defined by scope of the claims.
It should be noted that herein, such as first and second or the like relational terms are used merely to a reality
Body or operation make a distinction with another entity or operation, and not necessarily require or imply these entities or deposited between operating
In any this actual relation or order.Moreover, term " comprising ", "comprising" or its any other variant are intended to
Nonexcludability is included, so that process, method, article or equipment including a series of key elements not only will including those
Element, but also other key elements including being not expressly set out, or also include being this process, method, article or equipment
Intrinsic key element.In the absence of more restrictions, the key element limited by sentence "including a ...", it is not excluded that
Also there is other identical element in process, method, article or equipment including the key element.
Claims (10)
1. one kind segmentation selection view rendering method, it is characterised in that methods described includes：
The segments elements triggering command triggered in response to user in segmentation selection view, obtains user and is regarded in the segmentation selection
The target segment element selected in multiple segments elements in figure, wherein, the segmentation selection view is rolling view；
The multiple segments elements are rolled in the segmentation selection view based on default segmentation selection view pattern, so that institute
State target segment element and be moved to predeterminated position.
2. according to the method described in claim 1, it is characterised in that methods described also includes：
The display content corresponding with the target segment element in content shows view.
3. according to the method described in claim 1, it is characterised in that described to be triggered in segmentation selection view in response to user
Before the step of segments elements triggering command, in addition to：
Obtain corresponding gesture when user triggers segments elements in segmentation selection view；
The gesture is responded, to trigger segments elements triggering command.
4. according to the method described in claim 1, it is characterised in that methods described also includes：
The segment indicators being pre-created are moved to the predetermined position, the segment indicators are used to identify selected by user
The segments elements selected.
5. according to the method described in claim 1, it is characterised in that described to be triggered in segmentation selection view in response to user
Before the step of segments elements triggering command, in addition to：
Obtain the index for the segments elements that user triggers in segmentation selection view；
Based on it is described index the attribute of the segments elements at the index is configured as, with represent the segments elements by with
Family is triggered, and obtains the segments elements triggering command that user triggers the segments elements generation in segmentation selection view.
6. device is presented in one kind segmentation selection view, it is characterised in that described device includes：
Segments elements module is obtained, for the segments elements triggering command triggered in response to user in segmentation selection view, is obtained
The target segment element selected in multiple segments elements of the family in the segmentation selection view is taken, wherein, the segmentation choosing
View is selected to roll view；
Position adjusting type modules are described more for being rolled based on default segmentation selection view pattern in the segmentation selection view
Individual segments elements, so that the target segment element is moved to predeterminated position.
7. device according to claim 6, it is characterised in that described device also includes：
Display module, for showing content corresponding with the target segment element in showing view in content.
8. device according to claim 6, it is characterised in that described device also includes：
Gesture module is obtained, for obtaining corresponding gesture when user triggers segments elements in segmentation selection view；
Gesture module is responded, for being responded to the gesture, to trigger segments elements triggering command.
9. device according to claim 6, it is characterised in that described device also includes：
Indicating module, for the segment indicators being pre-created to be moved into the predetermined position, the segment indicators
For identifying the selected segments elements of user.
10. a kind of user terminal, it is characterised in that the user terminal includes processor and memory, the memory coupling
Be connected to the processor, the memory store instruction, when executed by the processor the user terminal hold
Row is following to be operated：
The segments elements triggering command triggered in response to user in segmentation selection view, obtains user and is regarded in the segmentation selection
The target segment element selected in multiple segments elements in figure, wherein, the segmentation selection view is rolling view；
The multiple segments elements are rolled in the segmentation selection view based on default segmentation selection view pattern, so that institute
State target segment element and be moved to predeterminated position.
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 true CN107239212A (en) | 2017-10-10 |
| CN107239212B 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) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108108221A (en) * | 2018-01-02 | 2018-06-01 | 武汉斗鱼网络科技有限公司 | A kind of method and device of specified operation switching realtime curve |
| WO2018223593A1 (en) * | 2017-06-05 | 2018-12-13 | 武汉斗鱼网络科技有限公司 | Method and device for presenting segment view, and user terminal |
| CN109992188A (en) * | 2018-01-02 | 2019-07-09 | 武汉斗鱼网络科技有限公司 | The implementation method and device of a kind of mobile terminal iOS text scrolling display |
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 |
Non-Patent Citations (2)
| Title |
|---|
| IMAZY: "iOS-UIScrollView与UISegmentedControl的交互", 《HTTPS://BLOG.CSDN.NET/MAZY_MA/ARTICLE/DETAILS/51407076》 * |
| TEMPTATIONM: "实现网易新闻界面分段滑动展示的设计", 《HTTPS://WWW.CNBLOGS.COM/TEMPATION/P/5372040.HTML》 * |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2018223593A1 (en) * | 2017-06-05 | 2018-12-13 | 武汉斗鱼网络科技有限公司 | Method and device for presenting segment view, and user terminal |
| CN108108221A (en) * | 2018-01-02 | 2018-06-01 | 武汉斗鱼网络科技有限公司 | A kind of method and device of specified operation switching realtime curve |
| CN109992188A (en) * | 2018-01-02 | 2019-07-09 | 武汉斗鱼网络科技有限公司 | The implementation method and device of a kind of mobile terminal iOS text scrolling display |
| 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 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107239212B (en) | 2020-02-07 |
| WO2018223593A1 (en) | 2018-12-13 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109614424B (en) | Page layout generation method, device, computing equipment and medium | |
| CN109085965A (en) | Take down notes generation method, electronic equipment and computer storage medium | |
| CN110377851A (en) | Implementation method, device and the computer equipment of multistage linking combobox | |
| CN110489116A (en) | A kind of rendering method of the page, device and computer storage medium | |
| CN107464206A (en) | A kind of watermark adding method and mobile terminal | |
| CN107122175B (en) | Interface creating method and device | |
| CN108121485A (en) | A kind of icon method for sorting, terminal and computer readable storage medium | |
| CN109753326A (en) | Processing method, device, equipment and machine readable media | |
| US8669998B1 (en) | Selection of colors | |
| US9921719B2 (en) | Touch display apparatus and wallpaper replacing method thereof | |
| US10275131B2 (en) | Facilitating the prototyping and previewing of design element state transitions in a graphical design environment | |
| CN107862580A (en) | A kind of commodity method for pushing and system | |
| CN107239212A (en) | Segmentation selection view rendering method, device and user terminal | |
| CN107517312A (en) | A kind of wallpaper switching method, device and terminal device | |
| CN108491140B (en) | Interactive content display method and device | |
| CN110062109A (en) | Display method of weather information, device, electronic equipment and medium | |
| CN106598379A (en) | Method and device for managing application program | |
| CN106548504A (en) | Web animation generation method and device | |
| CN108153465A (en) | Label setting method and device based on enterprise SaaS applications | |
| CN107168606B (en) | Dialog control display methods, device and user terminal | |
| CN106412302B (en) | A kind of sending method and mobile terminal of information | |
| CN109753214A (en) | Processing method, device, equipment and machine readable media | |
| CN105930449A (en) | Personal homepage display method and apparatus | |
| CN102945123B (en) | A kind of system resource condition presentation device and system resource condition methods of exhibiting | |
| CN114997126A (en) | Electronic form display method and device, electronic equipment and storage medium |
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 |