Background technique
The terminal installations such as smart phone, tablet computer become the most frequently used electronic equipment in people's daily life, peopleLike browsing various information on intelligent electronic device, such as news is watched by browser, microblogging is browsed or sees wechatCircle of friends etc..Since the information of browsing is more, present browser shows a plurality of information in electricity usually by way of listOn the display screen of sub- equipment, user realizes moving up or down for list by inputting slip signals on a display screen, thusBrowse more contents.
Referring to Fig. 1, an interface of browser is shown on the display screen 11 of electronic equipment, such as the interface is by UIviewThe container view that control generates, the container view include positioned at 11 top label part 12 of display screen and being located at label segment 12The List View 13 of lower section.Head portrait, title and the signing messages etc. of the usually display user of label segment 12, and list regardsFigure 13 then shows that a plurality of list information, each list information all have certain display position.
In Fig. 1, three list informations, three list information difference are currently shown on the display area where List View 13It being shown in sub- view 14,15 and 16, wherein the list information of front two is common information, therefore, this two list lettersView 14,15 where breath is common list information view, and the last item list information is long picture and text list information, thereforeView 16 where the list information is long graph text information view.Certainly, List View 13 can also include that more lists are believedBreath, is limited only by the size of display screen 11, cannot show all list informations simultaneously.
If user needs to browse more list informations, finger can be used and slided on display screen 11, such as toUpper sliding is located under long graph text information view 16 in this way, a plurality of list information will slide in the display area of List View 13Other list informations be displayed on the display area of List View 13.
Each list information all has text or picture, such as the list information of common list information view 14 has twoRow text 17, two row texts 17 are being shown in list information view 14 of being arranged above and below.It is identical, common list information view15 list information also has two row texts.And the long graph text information of long graph text information view 16 usually contained multline text orPicture, but due to display area of each view in List View 13 be it is fixed, i.e., long graph text information view 16Length and width be it is fixed, long graph text information usually can not be completely shown in the display area of long graph text information view 16All the elements.Such as sub- view 18 and other two views, other information are only shown in long graph text information view 16Do not show.If user needs to browse the other content of long graph text information, need with finger in long graph text information view 16Display area in slide up and down, thus individually each sub- view in moving long graph text information view 16.
In some application programs, long graph text information view is shown in such a way that display area is variable, such as initialUnder state, the display area of long graph text information view is smaller, is only able to display a part of content, and certain user needs to browse long picture and textWhen the full content of information, then by the specific instruction of input, such as a certain virtual key of display screen 11 is clicked, such as " expansion " is pressedKey, or specific track is formed in the sliding of display screen 11.After user input instruction, the viewing area of long graph text information viewDomain increases, and shows whole contents.
But existing two kinds of display modes result in user and need just browse to long picture and text letter by additional operationThe full content of breath may not think that long graph text information is sense if user only browses a part of content of long graph text informationThe content of interest causes user that may not be interested in browse whole contents, and the information for causing user to obtain in this way is less, also unfavorableThe full content of long graph text information is obtained in user.
Summary of the invention
It is aobvious that the main object of the present invention is to provide a kind of long graph text information for facilitating user to browse complete long graph text informationShow method.
It is a further object of the present invention to provide a kind of computer installations that can be realized above-mentioned long graph text information display methods.
Another object of the present invention, which is to provide, a kind of can be realized the computer-readable of above-mentioned long graph text information display methodsStorage medium.
In order to realize that above-mentioned main purpose, long graph text information display methods provided by the invention include receiving on display screenSlip signals determine the List View offset of List View on a display screen according to slip signals, and according to List ViewOffset adjusts and shows the List View after sliding；Also, according to long picture and text in List View offset calculations list viewThe sub- view offset amount of sub- view in information view, it is aobvious in long graph text information view according to the mobile sub- view of sub- view offset amountShow the position in region, and shows the sub- view after movement.
By above scheme as it can be seen that after sliding on a display screen and form slip signals as user, not only List ViewDisplay position change, the position of the sub- view in long graph text information view also changes accordingly, and user can seeMore contents into long graph text information.Therefore, user does not need individually to slide the sub- view in long graph text information view, not yetNeed to increase the display area of long graph text information view, it can the full content in long graph text information view is seen, thus sideJust user browses the full content of long graph text information.
One Preferable scheme is that, according to the son in List View offset calculations list view in long graph text information viewThe sub- view offset amount of view includes: offset of the sub- view offset amount direct proportion in long graph text information view in List ViewWith the difference of List View offset.
It can be seen that by calculating offset and List View offset of the long graph text information view in List ViewDifference, and in the offset of regulator view, the position of sub- view can be reasonably calculated by the difference, it is ensured that columnIn the moving process of table view, the sub- view of long graph text information view follows movement.
Further embodiment is regarded according to the son in List View offset calculations list view in long graph text information viewThe sub- view offset amount of figure includes: the offset and List View offset for calculating long graph text information view in List ViewDifference, and after the product of calculating difference and the length of long graph text information, divided by the length of display screen, using calculated result as sonView offset amount.
As it can be seen that long graph text information view can be made to be moved to the another of display screen from one end of display screen by above-mentioned calculatingWhen one end, each sub- view in long graph text information view can be shown on a display screen, so that it is guaranteed that user canCompletely browse to the full content in long graph text information.
Further scheme is, when long graph text information view slides into the end of List View display area, long picture and textInformation view shows the sub- view positioned at long graph text information view end.
It can be seen that when long graph text information view slides into the end of List View display area, such as slide into columnIt is the sub- view positioned at end when the top or bottom end in table view display area domain, shown by long graph text information view, in this wayUser can be allowed to browse the content of complete long graph text information view in List View sliding process.
Further scheme is after long graph text information view slides into the end of List View display area, to judge to growWhether graph text information view continues to slide to the end in list view display area domain, if so, stopping sliding long graph text information viewIn sub- view.
It can be seen that if user continues on the direction sliding list view of end, due to long graph text information viewSub- view has slid into end, then does not continue to the position for moving each sub- view, it is ensured that user can continue to browse long figureThe content of literary information view.
Further scheme is that List View offset is the offset along display screen length direction, and sub- view is inclinedShifting amount is the offset along display screen length direction；Alternatively, List View offset is the offset along display screen width direction,And sub- view offset amount is the offset along display screen width direction.
It can be seen that the present invention can be directed to along display screen length direction or width direction sliding list view, it is convenientThe user of different application programs or use habit uses.
In order to realize above-mentioned another object, the present invention also provides computer installation include processor and memory,Memory is stored with computer program, and above-mentioned long graph text information display methods is realized when computer program is executed by processorEach step.
In order to realize above-mentioned a further object, the present invention also provides computer readable storage medium on be stored with computerProgram, the computer program realize each step of above-mentioned long graph text information display methods when being executed by processor.
Specific embodiment
Long graph text information display methods of the invention is applied on the electronic equipment with display screen, especially with list sideFormula shows the electronic equipment of content.Computer installation of the invention can be above-mentioned electronic equipment, computer-readable storage mediumMatter can be the various storage mediums with data storage function, the including but not limited to non-volatile memories such as FLASH, EEPROMDevice.
Long graph text information display methods embodiment:
It is portable to can be smart phone, tablet computer etc. using the terminal device of the long graph text information display methods of the present embodimentElectronic equipment, and these electronic equipments have touching display screen, and user can form sliding letter on touching display screenNumber, touching display screen can receive the slip signals of user's sending, and electronic equipment can respond the slip signals of user.
Referring to fig. 2, the long graph text information display methods of the present embodiment is applied on smart phone, and smart phone, which has, to be touchedFormula display screen 21 is the display interface of a browser shown by display screen 21, it is preferred that the interface is by UIview controlThe container view of generation, container view include positioned at 21 top label part 22 of display screen and positioned at 22 lower section of label segmentList View 23.Label segment 22 show user head portrait, title and signing messages etc., and List View 23 show it is moreList information, in the present embodiment, each list information all has certain display position.
For example, three list informations are currently shown in the display area of the List View 23 shown by Fig. 2, three listsInformation is respectively displayed in view 24,25 and 26, wherein and the list information of front two is common information, therefore, this twoView 24,25 where list information is common list information view, and the last item list information is long picture and text list letterBreath, therefore the view where the list information is long graph text information view 26.Certainly, List View 23 can also include moreList information is limited only by the size of display screen 21, cannot show all list informations simultaneously.
Also, each list information all has text or picture, such as the list letter of common list information view 24Breath has a two row texts 27, and two row texts 27 are being shown in list information view 24 of being arranged above and below.It is identical, common list letterThe list information of breath view 25 also has two row texts.And the long graph text information of long graph text information view 26 has usually contained multirow textWord or picture, but since display area of each view in List View 23 is fixed, i.e., long graph text information viewLength of the display area of Figure 26 on display screen 21 and width are fixed, therefore in the viewing area of long graph text information view 26Long graph text information all the elements can not be completely shown in domain.The present embodiment is exactly to solve how user to be allowed to pass through shirtsleeve operationBrowse the full content of long graph text information.
It should be noted that the length of the present embodiment refers to the length direction along display screen 21, i.e. extend up and down in Fig. 2Direction, and width refers to the width direction along display screen 21, i.e. the direction that left and right extends in Fig. 2.
It specifically, long graph text information view 26 includes multiple sub- views, such as include sub- view 28, each height viewFigure can be a picture, be also possible to a line or multline text, and each sub- view has fixed display length,The sum of display length of all sub- views in long graph text information view 26 is greater than long graph text information view 26 on display screen 21Display length, therefore will be unable on long graph text information view 26 full content for showing long graph text information completely.This implementationThe method of example is exactly the full content for solving that user how to be allowed to browse long graph text information by shirtsleeve operation.
The workflow of the present embodiment is introduced below with reference to Fig. 3.Firstly, receiving the slip signals on display screen, that is, executeStep S1.It include multiple list informations on List View 23, but there is no complete when display screen 21 shows List View 23Show all information of List View 23, therefore user needs to drive the upper of List View 23 by sliding on display screen 21Lower slider, to show more list informations.Therefore, step S1 is exactly to detect whether to be formed with sliding letter on display screen 21Number.
Then, step S2 is executed, the slip signals being formed on display screen 21 are being received, is determined according to the slip signalsThe offset of List View.It, will be according to the dynamics of slip signals, hand after the slip signals for receiving user due to display screen 21Refer to moving distance to determine the mobile distance of the view on display screen 21, such as after user's upward sliding on display screen 21,The corresponding List View offset of the secondary slip signals is 50 row pixels.List View offset is that the content of List View 23 existsThe view 24 of general information is shown in the distance moved on display screen 21, in the initial state, the top of List View 23, depending onThe lower section of Figure 24 successively shows view 25 and long graph text information view 26, i.e., state shown in Fig. 2.When user's finger is being shownAfter sliding on screen 21, display area of the List View 23 on display screen 21 does not often change, but List ViewThe position of shown each view will change in 23, as shown in Figure 4, it is located at the view on 23 top of List View originally24 will have exceeded the display area of List View 23 because of moving up, and view 24 is invisible in Fig. 4, and listView 25 in view 23 is moved to the top of List View 23, and long graph text information view 26 is also from 23 display area of List ViewBottom end upward sliding to 23 display area of List View middle part.Wherein, List View offset is exactly in List View 23The distance of sliding relative to display screen 21.Since the moving distance for calculating view according to slip signals can use existing skillArt realizes that details are not described herein.
After the offset of calculations list view, it is also necessary to which the List View after display sliding shows List ViewPosition in 23 after each view sliding in 23 display area of List View, as shown in Figure 4.
Then, execute step S3, judge long graph text information view whether and slide into 23 display area of List ViewEnd, and slip signals are to continue with towards the end and continue to slide, if so, executing step S4, otherwise, execute step S5.Such asThe end that the long graph text information view 26 of fruit does not slide into 23 display area of List View then executes step such as top or bottom endRapid S5 calculates the offset of long graph text information view neutron view according to List View offset.Specifically, can be used followingFormula calculate the offset of sub- view:
The offset of sub- view=(long graph text information length/display screen length) × (long graph text information view is in List ViewOffset-List View offset).
Wherein, long graph text information length is length shared when long graph text information is completely shown, although long graph text information is notIt can be fully displayed on the display area of long graph text information view 26, but the sub- view of each of long graph text information has certainlyThe length of body, therefore, the length of long graph text information are exactly the length summation of each sub- view in long graph text information.For example, long figureThe length of literary information is 400 row pixels.Display screen length is the total length of display screen 21, such as display screen is in the longitudinal directionTotal pixel is 1080 rows.
Offset of the long graph text information view in List View is long graph text information view 26 relative to List View 23The distance of the view of top, for example, long graph text information view 26 is located at List View 23 in initially display List View 23The middle position of display area, there are five other between 23 top of the top and List View of long graph text information view 26View, then offset of the long graph text information view in List View is the length summation of this five other views.
Since in above-mentioned formula, long graph text information length, display screen length and long graph text information view are in List ViewIn offset be all fixed value, and List View offset is changing value, therefore, after receiving slip signals each time,The offset of the sub- view calculated is required, sub- view can slide on the display area of long graph text information view 26.
In addition, being arranged since the offset of the sub- view in long graph text information view 26 is proportional to long graph text information viewThe difference of offset and List View offset in table view, therefore, when List View offset is bigger, long graph text information is regardedThe offset of sub- view in Figure 26 is also bigger, also, by above-mentioned formula, can to have worked as long graph text information view 26When being slid into the end of 23 display area of List View, such as having slid into the top of 23 display area of List View, thisWhen, sub- view shown by long graph text information view 26 should be the sub- view positioned at long 26 bottom end of graph text information view.
Correspondingly, when long graph text information view 26 has slid into the bottom end of 23 display area of List View, long picture and textSub- view shown by information view 26 should be the sub- view positioned at long 26 top of graph text information view.In this way, in long picture and textSon during information view 26 slides into top from the bottom end of 23 display area of List View, in long graph text information view 26View is actually lasting sliding, and continues to slide to the sub- view of lowermost end from the sub- view of top, allows userIt may browse through all sub- views.
After the offset for calculating sub- view, step S6 is executed, according to the mobile sub- view of the offset of sub- view in lengthPosition in graph text information view 26, for example, calculating the inclined of long 26 neutron view of graph text information view according to above-mentioned formulaShifting amount is 50 row pixel of upward sliding, then step S6 is exactly by 26 each, the long graph text information view equal upward sliding 50 of viewRow pixel, and step S7 is executed, the sub- view after display is mobile, as shown in Figure 4.
In this way, not only long graph text information view 26 is where List View 23 after user slides on display screen 21Display area in slide, and each sub- view in long graph text information view 26 is also accordingly in long graph text information view 26Interior sliding.
Finally, executing step S8, judge whether the display for exiting List View, that is, judge whether user issues and exitThe instruction of display receives slip signals next time if so, otherwise terminating process returns to step S1.
In step s3, if it is determined that long graph text information view 26 has slid into the end of List View display area,For example, as shown in Figure 5, if long graph text information Times 26 has slid into the top of List View 23, shown is positionIn the sub- view 30 of long 26 lowermost end of graph text information view, and the bottom end of sub- view 30 is located at long 26 viewing area of graph text information viewAt the lower edge in domain.At this point, if the slip signals of user are to continue with upward sliding, the judging result of step S3 be it is yes, holdRow step S4, can't in moving long graph text information view 26 each view position.
The sub- view as shown by long graph text information view 26 has been the sub- view of top or bottom end,When user continues to slide towards end, long graph text information view 26 cannot move the position of sub- view again, it is therefore desirable to keepThe position in long graph text information view 26 of sub- view is constant, i.e. sub- view in stopping moving long graph text information view 26.
Software program realization can be used in the method for the present embodiment, and the design process of software program is as follows: firstly, passing throughThe view control of UIView creates a container view and then passes through UICollectionView or UITableView view controlPart creates List View, and List View is added in the container view created.Then, the son view for needing to present is obtainedThe data source of figure, wherein each view showed requires data to support, a such as picture, an image link,Text etc., including long graph text information data source.Finally, when user shows column by the display screen of the electronic equipments such as smart phoneWhen table view, above-mentioned long graph text information view display methods is executed.
As it can be seen that by means of the present invention, user, which only needs to be slided on a display screen with finger, forms slip signals, in lengthDuring graph text information view slides, the sub- view in long graph text information view also follows sliding, and such user does not need to holdThe specific operation of row, can also browse the full content in long graph text information view in long graph text information view sliding process,User is facilitated to obtain more information.In particular for such as advertising information, user most starts that advertising information may not be feltInterest, it is not intended that browse complete content.By means of the invention it is also possible to which user is allowed to browse the interior of complete advertising informationHold, user may obtain interested content from the advertising information, to provide convenience for user.
Computer installation embodiment:
The computer installation of the present embodiment includes processor, memory and storage in memory and can transport on a processorCapable computer program, such as the message handling program for realizing above- mentioned information processing method.Processor executes computer journeyEach step of above-mentioned long graph text information display methods is realized when sequence.
For example, computer program can be divided into one or more modules, one or more module, which is stored in, is depositedIt in reservoir, and is executed by processor, to complete modules of the invention.One or more modules can be can complete it is specificThe series of computation machine program instruction section of function, the instruction segment is for describing execution of the computer program in terminal deviceJourney.
It should be noted that terminal device can be desktop PC, notebook, palm PC and cloud server etc.Calculate equipment.Terminal device may include, but be not limited only to, processor, memory.It will be understood by those skilled in the art that this hairBright schematic diagram is only the example of terminal device, does not constitute the restriction to terminal device, may include than illustrate it is more orLess component perhaps combines certain components or different components, such as terminal device can also be set including input and outputStandby, network access equipment, bus etc..
Processor alleged by the present invention can be central processing unit (Central Processing Unit, CPU), may be used alsoTo be other general processors, digital signal processor (Digital Signal Processor, DSP), specific integrated circuit(Application Specific Integrated Circuit, ASIC), ready-made programmable gate array (Field-Programmable Gate Array, FPGA) either other programmable logic device, discrete gate or transistor logic devicePart, discrete hardware components etc..General processor can be microprocessor or the processor is also possible to any conventional processingDevice etc., processor are the control centres of terminal device, utilize the various pieces of various interfaces and the entire terminal device of connection.
Memory can be used for storing computer program and/or module, and processor is stored in memory by operation or executionInterior computer program and/or module, and the data being stored in memory are called, realize the various functions of terminal device.Memory can mainly include storing program area and storage data area, wherein storing program area can storage program area, at least oneApplication program needed for function (such as sound-playing function, image player function etc.) etc.；Storage data area can be stored according to handMachine uses created data (such as audio data, phone directory etc.) etc..In addition, memory may include high random accessMemory can also include nonvolatile memory, such as hard disk, memory, plug-in type hard disk, intelligent memory card (SmartMedia Card, SMC), secure digital (Secure Digital, SD) card, flash card (Flash Card), at least one magneticDisk storage device, flush memory device or other volatile solid-state parts.
Computer readable storage medium:
If the integrated module of terminal device is realized in the form of SFU software functional unit and sells or use as independent productWhen, it can store in a computer readable storage medium.Based on this understanding, the present invention realizes above-described embodiment sideAll or part of the process in method can also instruct relevant hardware to complete, the computer program by computer programIt can be stored in a computer readable storage medium, the computer program is when being executed by processor, it can be achieved that above-mentioned each lengthEach step of graph text information display methods.
Wherein, computer program includes computer program code, and computer program code can be source code form, objectCode form, executable file or certain intermediate forms etc..Computer-readable medium may include: that can carry computer programAny entity or device of code, recording medium, USB flash disk, mobile hard disk, magnetic disk, CD, computer storage, read-only memory(ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), electric carrier signal, electricityBelieve signal and software distribution medium etc..It should be noted that the content that computer-readable medium includes can be managed according to the administration of justiceLocal legislation and the requirement of patent practice carry out increase and decrease appropriate, such as in certain jurisdictions, according to legislation and patentPractice, computer-readable medium does not include electric carrier signal and telecommunication signal.
Certainly, above-mentioned scheme is the preferred embodiment of the invention, and practical application is that can also have more variations,For example, long graph text information view is not to slide in display screen length direction Huang, but slide in the direction of the width, in this way, longEach sub- view in graph text information view can also be followed to be slided in the width direction of display screen, and such change does not influenceImplementation of the invention also should include within the scope of the present invention.