Patent Description:
With the advance of information communication techniques and semiconductor techniques, a variety of electronic devices are being developed into devices for providing various functions. For example, the various functions may include functions of a voice call, a message, a camera, or the like and functions of a broadcasting service, a wireless Internet service, an electronic payment service, a smart key service, or the like.

The electronic device may provide a variety of content to a user through the various functions. For example, as digital information delivered through a variety of wired/wireless networks, the content may include web content (e.g., hypertext markup language (HTML) content, etc.), media content, game content, or the like. The electronic device may configure a layout for displaying content required by a user. For example, upon displaying the content, the electronic device may display a user interface (UI) in at least one of upper and lower regions of the content by using an additional region (i.e., a dummy space) in addition to the content.

<CIT> relates to zooming in and out of content in a GUI in response to a pinch gesture.

<CIT> discloses that the user instructs a server apparatus to display thumbnails in a list. When an instruction for displaying the list is received at the server apparatus, a display screen control processing unit generates a thumbnail list display screen and transmits it to a client apparatus. The user browses the display screen and issues an instruction for changing a display magnification. The instruction is transmitted to the server apparatus as screen control data. The server changes a thumbnail list view screen in accordance with the screen control data and displays it on the display screen.

<CIT> discloses mobile devices enabled to support resolution-independent scalable display of Internet (Web) content to allow Web pages to be scaled (zoomed) and panned for better viewing on smaller screen sizes. It is disclosed that the mobile devices employ software-based processing of original Web content, including HTML-based content, XML, cascade style sheets, etc. to generate scalable contents. The scalable content and/or data derived therefrom are then employed to enable Web content to be rapidly rendered, zoomed, and panned. Display lists may also be employed to provide further enhancements in rendering speeds. Context zooms, including tap-based zooms on columns, images, and paragraphs are also enabled.

Accordingly, an aspect of the disclosure is to provide an apparatus and method for changing a size of content displayed on a display device in an electronic device.

When an electronic device displays content, up to an additional region in which a user interface is displayed may be recognized as a region of the content. Accordingly, when the electronic device zooms in the content displayed on a display device, it may be extended to up to an additional region for displaying a user interface, resulting in an unnecessary space.

In accordance with an aspect of the disclosure, an electronic device is provided according to claim <NUM>.

In accordance with another aspect of the disclosure, a method of operating an electronic device is provided according to claim <NUM>.

In accordance with another aspect of the disclosure, an electronic device is provided. The electronic device includes a display, a memory, and at least one processor coupled to the memory. When executed, the stored instructions configure the at least one processor to display content through the display in such a manner that a second object including the content is located in a first object, receive an input for changing a size of the content, changing the size of the content, based on the input, and change a size corresponding to the second object, based on the changed size of the content, in the first object.

In an electronic device and an operating method thereof according to various embodiments, a size of content depending on a user input is changed in a first object of a first view class, which includes a second object of at least one view class for rendering the content, thereby capable of preventing an unnecessary space and freely changing the size of the content.

In an electronic device and an operating method thereof according to various embodiments, a size of a second object created through at least one second view class for rendering content is extended to a virtual region to restrict occurrence of a scroll of the second object, thereby capable of preventing screen shaking caused by a change in a size of the content and increasing visibility of a user for the content.

The above and other aspect, features, and advantages of certain embodiments of the disclosure will be more apparent of the following description taken in conjunction with the accompanying drawings, in which:.

Through the drawings, like reference numerals will be understood to refer to like parts, components, and structures.

<FIG> is a block diagram illustrating an electronic device in a network environment according to various embodiments of the disclosure.

Referring to <FIG>, an electronic device <NUM> in a network environment <NUM> may communicate with a first external electronic device <NUM> via a first network <NUM> (e.g., a short-range wireless communication network), or a second external electronic device <NUM> or a server <NUM> via a second network <NUM> (e.g., a long-range wireless communication network). According to an embodiment, the electronic device <NUM> may communicate with the second external electronic device <NUM> via the server <NUM>. According to an embodiment, the electronic device <NUM> may include a processor <NUM> (e.g., including processing circuitry), memory <NUM>, an input device <NUM>, a sound output device <NUM>, a display device <NUM>, an audio module <NUM>, a sensor module <NUM>, an interface <NUM>, a haptic module <NUM>, a camera module <NUM>, a power management module <NUM>, a battery <NUM>, a communication module <NUM> (e.g., including communication circuitry), a subscriber identification module (SIM) <NUM>, or an antenna module <NUM>.

According to an embodiment, the audio module <NUM> may obtain the sound via the input device <NUM>, or output the sound via the sound output device <NUM> or a headphone of an external electronic device (e.g., the first external electronic device <NUM>) directly (e.g., wiredly) or wirelessly coupled with the electronic device <NUM>.

The interface <NUM> may support one or more specified protocols to be used for the electronic device <NUM> to be coupled with the external electronic device (e.g., the first external electronic device <NUM>) directly (e.g., wiredly) or wirelessly.

A connecting terminal <NUM> may include a connector via which the electronic device <NUM> may be physically connected with the external electronic device (e.g., the first external electronic device <NUM>).

The communication module <NUM> may support establishing a direct (e.g., wired) communication channel or a wireless communication channel between the electronic device <NUM> and the external electronic device (e.g., the first external electronic device <NUM>, the second external electronic device <NUM>, or the server <NUM>) and performing communication via the established communication channel. The communication module <NUM> may include one or more communication processors that are operable independently from the processor <NUM> (e.g., AP) and supports a direct (e.g., wired) communication or a wireless communication. A corresponding one of these communication modules may communicate with the external electronic device via the first network <NUM> (e.g., a short-range communication network, such as Bluetooth™, Wi-Fi direct, or infrared data association (IrDA)) or the second network <NUM> (e.g., a long-range communication network, such as a cellular network, the Internet, or a computer network (e.g., LAN or wide area network (WAN)).

The wireless communication module <NUM> may identify and authenticate the electronic device <NUM> in a communication network, such as the first network <NUM> or the second network <NUM>, using subscriber information (e.g., international mobile subscriber identity (IMSI)) stored in the SIM <NUM>.

According to an embodiment, commands or data may be transmitted or received between the electronic device <NUM> and the second external electronic device <NUM> via the server <NUM> coupled with the second network <NUM>. Each of the external electronic devices <NUM> and <NUM> may be a device of a same type as, or a different type, from the electronic device <NUM>.

According to an embodiment, the processor <NUM> may control the device device <NUM> to display content by using a first object including at least one second object. For example, the second object is used to render the content, and may include a scrollable object created through a second view class (e.g., a web view). The second view class may include an attribute and function available for the second objects. For example, the first object may include a scrollable object created through a first view class (e.g., a scroll view). The first view class may include an attribute and function available for the first objects.

According to an embodiment, upon changing a size of the content displayed on the display device <NUM>, the processor <NUM> may change a size of a content display region in the first object in accordance with a change in the size of the content. For example, upon changing the size of the content, the processor <NUM> may change the first object such that the size of the content display region is changed in accordance with the change in the size of the content.

According to an embodiment, upon changing the size of the content displayed on the display device <NUM>, the processor <NUM> may extend a size of the second object to a virtual region in order to restrict occurrence of a scroll in the second object. For example, the virtual region may include a maximum size that can be supported by the second object.

According to an embodiment, upon completion of the changing in the size of the content, the processor <NUM> may re-set the size of the second object in accordance with the size of the content. For example, the processor <NUM> may capture a screen of the display device <NUM> to display the captured screen at an upper end of the first object, and may re-set the size of the second object. Upon completion of the re-setting of the size of the second object, the processor <NUM> may remove the captured screen. For example, the content may be configured in a form of a HTML.

According to an embodiment, upon changing the size of the content displayed on the display device <NUM>, the processor <NUM> may scroll the first object to maintain visibility of the content. For example, upon occurrence of an excess event (i.e., an over scroll) in the second object due to the extension of the content, the processor <NUM> may scroll the first object in accordance with a size of an excess region. For example, upon changing the size of the content, the processor <NUM> may set a reference region for the change of the content. The processor <NUM> may determine a scroll variable of the first object based on a ratio of the reference region and a size change value of the content. The processor <NUM> may scroll the first object based on the scroll variable. For example, the reference region may include a center region of a plurality of touch inputs detected for a zoom function or a region in which the touch input for the zoom function is detected.

<FIG> illustrate a structure of a processor for updating a content display region according to various embodiments of the disclosure. In the following description, a processor may include the processor <NUM> of <FIG>.

Referring to <FIG>, a processor <NUM> includes a scrollable first object <NUM> created through a first view class (e.g., a scroll view), a scrollable second object <NUM> created through a second view class (e.g., a web view), and a not-scrolled third object <NUM> created through a third view class (e.g., a view container).

Referring to <FIG>, the first object <NUM> may include a plurality of views <NUM> or a second object <NUM> or a third object <NUM>. The second object <NUM> may include rendered content_1 <NUM> or content_2 <NUM>. The third object <NUM> may extract size information (e.g., size information based on a product of a height of content and a zoom magnification) of rendered content from the second object <NUM>, and may transmit it to the first object <NUM>.

According to an embodiment, upon receiving an input for displaying the content, the first object <NUM> may change a layout to display the content by using the second object <NUM>. For example, upon receiving the input for displaying the content, the first object <NUM> may transmit a display request signal of the content to the second object <NUM>. The second object <NUM> may render the content based on the display request signal. The second object <NUM> may transmit size information (e.g., a height of content and a zoom magnification) of the rendered content to the first object <NUM> through the third object <NUM>. The first object <NUM> may set (or change) a display region for displaying the content based on the size information of the content. For example, the first object <NUM> may display at least part of the rendered content in the second object <NUM> through the display region.

According to an embodiment, upon occurrence of a size change event of the content, the second object <NUM> may increase a size of the second object <NUM> to a size of a virtual region. For example, upon receiving event occurrence information for changing the size of the content from the first object <NUM>, the second object <NUM> may transmit zoom event occurrence information to the third object <NUM>. The third object <NUM> may set a zoom magnification of the content included in the second object <NUM> to a maximum magnification. The second object <NUM> may change the size of the second object <NUM> to a maximum size supported by the second object <NUM> based on the setting of the third object <NUM>. For example, upon changing the size of the second object <NUM>, the third object <NUM> may extract size information of the content and transmit it to the first object <NUM>. The first object <NUM> may update (or re-set) the display region of the content based on content size information provided from the third object <NUM>.

According to an embodiment, upon completion of an event for changing the size of the content, the second object <NUM> may re-set the size of the second object <NUM>. For example, upon completion of the event for changing the size of the content, the second object <NUM> may transmit size change event completion information to the third object <NUM>. The third object <NUM> may set a zoom magnification of the content included in the second object <NUM> to a real magnification. The second object <NUM> may re-set the size of the second object <NUM> in accordance with the size of the content included in the second object <NUM> based on the setting of the third object <NUM>. In this case, the first object <NUM> may capture the first object <NUM> and display it at an upper end of the first object <NUM> during a reference time (e.g., <NUM>) so that screen flickering caused by size re-setting of the second object <NUM> is not visible.

According to an embodiment, the first object <NUM> may be scrolled based on the change in the size of the content. For example, upon occurrence of an excess event (i.e., an over scroll) due to the extension of the content, the second object <NUM> may set a size of an excess region to a scroll variable. The first object <NUM> may be scrolled based on the scroll variable which is set in the second object <NUM>. For example, when the size of the content is changed (e.g., zoomed in or zoomed out), the second object <NUM> may set a reference region for the change of the content. The second object <NUM> may determine the scroll variable based on a ratio of the reference region and a size change value of the content. The first object <NUM> may be scrolled based on the scroll variable which is set in the second object <NUM>. For example, the ratio of the reference region may include a ratio of a height value of previous content before the size change and a height value of the reference region. For example, the size change value of the content may include a height difference of the content according to the change in the size of the content. For example, the reference region may include a center region of a plurality of touch inputs detected for a zoom function and a region in which the touch input for the zoom function is detected.

According to an embodiment, the first object <NUM>, second object <NUM>, and third object <NUM> included in the processor <NUM> may configured in the form of software, firmware, or instructions.

According to various embodiments of the disclosure, an electronic device includes a touch screen display, at least one processor electrically coupled to the touch screen display, and a memory electrically coupled to the at least one processor. The memory may store a first object located in a first view class which allows a second object located in the first object to be scrolled in the touch screen display, and the second object is included in a second view class. When executed, the memory may store instructions for allowing the at least one processor to display a user interface including web content through the touch screen display in such a manner that the second object including the web content is located in the first object, receive a user input for zooming in or zooming out the web content with a first magnification, zoom in or zoom out the web content with the first magnification in the second object of a selected magnification that is greater than the first magnification, irrespective of the first magnification, upon receiving the user input, and adjust the second object to have the first magnification after zooming in or zooming out the web content with the first magnification.

According to various embodiments, the selected magnification may be a maximum magnification.

According to various embodiments, the instructions cause the at least one processor to use a third object of a third view class which plays an intermediary role between the first object and the second object when zooming in or zooming out the web content.

According to various embodiments, the instructions cause the at least one processor to provide, by the first object, a touch event to the second object, provide, by the second object, the touch event to the third object, and set, by the third object, the selected magnification for the second object.

According to various embodiments, the first view class and the second view class may be included in part of an Android operating system. The first view class may include a scroll view class. The second view class may include a web view class.

According to various embodiments, the instructions cause the at least one processor to capture an image displayed with the first magnification after zooming in or zooming out the web content with the first magnification, and display the captured image through the touch screen display while the second object is adjusted with the first magnification.

According to various embodiments of the disclosure, an electronic device includes a display, a memory, and at least one processor coupled to the memory. When executed, the memory may store instructions for allowing the at least one processor to display content through the display in such a manner that a second object including the content is located in a first object, receive an input for changing a size of the content, change the size of the content, based on the input, and change a size corresponding to the second object, based on the changed size of the content, in the first object.

According to various embodiments, the instructions cause the at least one processor to render the content through the second object, change the size corresponding to the second object, based on size information of the rendered content, in the first object, and display the content through the first object having a changed size corresponding to the second object.

According to various embodiments, the instructions cause the at least one processor to scroll the first object, based on the changed size of the content.

According to various embodiments, the instructions cause the at least one processor to set a reference region for changing a size of the content, based on the input, and scroll the first object, based on a ratio of a position, in which a reference region is set, against the size of the content and a change in the size of the content.

According to various embodiments, the instructions cause the at least one processor to scroll the first object, based on at least part of the size of the content located out of the second object, upon changing the size of the content.

According to various embodiments, the instructions cause the at least one processor to store instructions for increasing a size of the second object to a size of a virtual region, based on the input. The first object may set a size corresponding to the second object in accordance with size information of the content included in the second object irrespective of a change in the size of the second object.

According to various embodiments, the instructions cause the at least one processor to capture a screen of the display upon completion of the changing of the size of the content, control the display to display the captured screen, and re-set the second object in accordance with the changed size of the content in a state where the captured screen is displayed on the display.

According to various embodiments, the instructions cause the at least one processor to capture at least part of the first object upon completion of the changing of the size of the content, and display the captured image at an upper end of the first object.

According to various embodiments, the size of the virtual region is set by a third object in response to receiving of the input for changing the size of the content.

<FIG> illustrates a flowchart for updating a size of a content display region displayed on a display in an electronic device according to various embodiments of the disclosure. In the following description, the electronic device may include the electronic device <NUM> of <FIG> or at least part (e.g., the processor <NUM>) of the electronic device <NUM>.

Referring to <FIG>, in operation <NUM>, the electronic device displays content on the display. For example, the processor <NUM> renders the content to be displayed on the display device <NUM> through the second object <NUM>. The processor <NUM> may change the first object <NUM> based on size information of the rendered content (e.g., a height of content and a zoom magnification). For example, the processor <NUM> may set a region for displaying the content in the first object <NUM> based on the size information of the rendered content.

In operation <NUM>, the electronic device identifies whether a zoom event occurs. For example, upon detecting a plurality of touch inputs, the processor <NUM> may identify whether at least one touch point is changed in a state where the touch input is maintained. For example, when a distance between touch inputs is increased based on the change of the touch point, the processor <NUM> may determine that a zoom-in event has occurred. For example, when the distance between the touch inputs is decreased based on the change of the touch point, the processor <NUM> may determine that a zoom-out event has occurred. For example, when a plurality of (e.g., two) touch inputs are continuously detected, the processor <NUM> may determine that the zoom event has occurred based on a double-tap input.

In operation <NUM>, upon the occurrence of the zoom event, the electronic device updates a size of content displayed on the display in accordance with the zoom event. For example, the processor <NUM> may update the size of the content based on a change in a distance between the touch inputs. The processor <NUM> may continuously update the size of the content based on the change in the distance between the touch inputs while the touch input is maintained. For example, when the distance between the touch inputs is increased, the processor <NUM> may increase the size of the content displayed on the display device <NUM> in accordance with the change in the distance between the touch inputs. For example, when the distance between the touch inputs is decreased, the processor <NUM> may decrease the size of the content displayed on the display device <NUM> in accordance with the change in the distance between the touch inputs. For example, when the zoom event has occurred based on the double-tap input, the processor <NUM> may increase or decrease the size of the content displayed on the display device <NUM> with a predefined magnification. For example, the processor <NUM> may determine the zoom-in or the zoom-out based on the size of the content displayed on the display device <NUM> at a time at which the zoom event has occurred based on the double-tap input.

In operation <NUM>, the electronic device updates a size of a display region of the content in accordance with a change in the size of the content displayed on the display. For example, upon changing the size of the content displayed on the display device <NUM>, the processor <NUM> may change a size of a content display region, which is set in the first object <NUM>, in accordance with the change in the size of the content. For example, the processor <NUM> may persistently change the size of the content display region, which is set in the first object <NUM>, in accordance with the change in the size of the content while the zoom event is performed.

<FIG> illustrates a flowchart for displaying content in an electronic device according to various embodiments of the disclosure. Hereinafter, an operation for displaying the content in operation <NUM> of <FIG> is described. In the following description, the electronic device may include the electronic device <NUM> of <FIG> or at least part (e.g., the processor <NUM>) of the electronic device <NUM>.

Referring to <FIG>, in operation <NUM>, the electronic device may identify size information (e.g., a height of content and a zoom magnification) of content to be displayed on a display. For example, the processor <NUM> may render content to be displayed on the display device <NUM> through the second object <NUM>. The processor <NUM> may identify size information of content rendered through the second object <NUM>.

In operation <NUM>, the electronic device may set a display region of content based on size information of the content. For example, the processor <NUM> may set a size of a region (a display region) for displaying the content in the first object <NUM> based on the size information of the content.

In operation <NUM>, the electronic device may display the content on the display region of the content. For example, the processor <NUM> may display the content rendered in the second object <NUM> through the content display region which is set in the first object <NUM>.

<FIG> illustrates a flowchart for updating a size of content by using a virtual region of a second object in an electronic device according to various embodiments of the disclosure. Hereinafter, an operation for updating a size of a content display region in operations <NUM> and <NUM> of <FIG> is described. In the following description, the electronic device may include the electronic device <NUM> of <FIG> or at least part (e.g., the processor <NUM>) of the electronic device <NUM>.

Referring to <FIG>, in operation <NUM>, upon occurrence of a zoom event (e.g., operation <NUM> of <FIG>), the electronic device may set a size of a second object corresponding to content, which is to be changed in size, to a size of the virtual region. For example, upon the occurrence of the zoom event for the content, the processor <NUM> may change the size of the second object corresponding to the content to a maximum size supported in the second object.

In operation <NUM>, the electronic device may update the size of the content based on the zoom event. For example, the processor <NUM> may update the size of the content included in the second object <NUM> based on the zoom event. For example, the processor <NUM> may increase or decrease the size of the content based on a change in a distance between touch points.

In operation <NUM>, the electronic device may update a display region of the content. For example, when the size of the content is increased or decreased in the second object <NUM>, the processor <NUM> may identify the size of the content in the second object <NUM> which is set to have a size of a virtual region. The processor <NUM> may update the first object <NUM> in accordance with the size of the content, which is identified in the second object. For example, the processor <NUM> may change a size of a content display region included in the first object <NUM> based on the size of the content, which is identified in the second object <NUM>.

In operation <NUM>, the electronic device may identify whether the zoom event is complete. For example, the processor <NUM> may identify whether a touch input for changing the size of the content is released. When the touch input for changing the size of the content is released, the processor <NUM> may determine that the zoom event is complete. For example, when the zoom event has occurred based on a double tab, the processor <NUM> may identify whether a zoom magnification of the content is identical to a pre-set reference magnification. When the zoom magnification of the content is identical to the reference magnification, the processor <NUM> may determine that the zoom event is complete.

When the zoom event is not complete, in operation <NUM>, the electronic device may update the size of the content. For example, upon detecting a change in an interval between touch points, the processor <NUM> may update the size of the content in accordance with the change in the interval between the touch points. For example, when the zoom event has occurred based on the double tab, the processor <NUM> may update the size of the content while changing the zoom magnification of the content by a reference interval.

In operation <NUM>, upon completion of the zoom event, the electronic device may re-set a size of the second object in accordance with the size of the content. For example, the processor <NUM> may re-set the size of the second object <NUM>, which is set to have a size of a virtual region, in accordance with the updated content size. For example, when the size of the second object <NUM> is re-set, the processor <NUM> may capture a screen of the display device <NUM> and control the display device <NUM> to display the captured screen during a reference time. The processor <NUM> may re-set the size of the second object <NUM> in a state where the captured screen is displayed, thereby preventing the screen from flickering due to the re-setting of the size of the second object <NUM>.

<FIG> illustrates a flowchart for changing a size of a second object in an electronic device according to various embodiments of the disclosure. Hereinafter, an operation for re-setting the size of the second object in operation <NUM> of <FIG> is described. In the following description, the electronic device may include the electronic device <NUM> of <FIG> or at least part (e.g., the processor <NUM>) of the electronic device <NUM>.

Referring to <FIG>, in operation <NUM>, upon completion of a zoom event (e.g., operation <NUM> of <FIG>), the electronic device may capture a screen displayed on a display. For example, the processor <NUM> may capture the first object <NUM> including content.

In operation <NUM>, the electronic device may display the captured screen on the display. For example, the processor <NUM> may control the display device <NUM> to display an image of the captured first object at an upper end of the first object <NUM>.

In operation <NUM>, the electronic device may re-set a size of the second object in accordance with an updated size of content in a state where the captured screen is displayed. For example, the processor <NUM> may re-set the size of the second object <NUM> in accordance with the content by changing a maximum magnification, which is used to set the size of the second object <NUM> to a size of a virtual size, to a real zoom magnification.

In operation <NUM>, when the size of the second object is re-set, the electronic device may remove the captured screen displayed on the display. For example, upon completion of the re-setting of the second object, the processor <NUM> may control the display device <NUM> to display content included in the second object <NUM>, of which size is re-set, by removing an image of the captured first object displayed at an upper end of the first object <NUM>.

According to various embodiments of the disclosure, the electronic device <NUM> may be configured to display the captured screen during a time (reference time) required to re-set the size of the second object. In this case, the display device <NUM> may remove the captured screen when the reference time elapses after the captured screen is displayed.

<FIG> illustrates a flowchart for zooming in content displayed on a display in an electronic device according to various embodiments of the disclosure.

<FIG>, <FIG>, <FIG>, <FIG> and <FIG> illustrate a screen configuration for zooming in content displayed on a display in an electronic device according to various embodiments of the disclosure. In the following description, the electronic device may include the electronic device <NUM> of <FIG> or at least part (e.g., the processor <NUM>) of the electronic device <NUM>.

Referring to <FIG>, in operation <NUM>, the electronic device may display content on a display. For example, similarly to operations <NUM> to <NUM> of <FIG>, the processor <NUM> may control the display <NUM> to display the content in the first object <NUM> based on size information (e.g., a height of content and a zoom magnification) of the content rendered through the second object <NUM>. For example, as shown in <FIG>, the processor <NUM> may render content <NUM> to be displayed on the display device <NUM> through the second object <NUM>. The processor <NUM> may change a first object <NUM> to display the content <NUM> based on size information (e.g., a height of content and a zoom magnification) of the rendered content <NUM>. The processor <NUM> may control the display device <NUM> to display the content <NUM> included in the second object <NUM> through the changed first object <NUM>. For example, the display device <NUM> may display at least part of the first object <NUM> in accordance with a display region <NUM>.

In operation <NUM>, the electronic device may identify whether a touch input corresponding to the content displayed on the display is detected. For example, as shown in <FIG>, the processor <NUM> may identify whether at least one touch input <NUM> is detected for the content <NUM> displayed on the display device <NUM>.

In operation <NUM>, upon detecting the touch input corresponding to the content, the electronic device may identify whether a zoom-in event occurs. For example, when a distance between touch points is increased due to a movement of the touch point in a state where the plurality of touch inputs <NUM> for the content <NUM> are maintained, the processor <NUM> may determine that the zoom-in event has occurred.

In operation <NUM>, upon the occurrence of the zoom-in event, the electronic device may set a size of a second object corresponding to the content to a size of a virtual region. For example, upon the occurrence of the zoom-in event, as shown in <FIG>, the processor <NUM> may change the size of the second object <NUM> to a maximum size supported in the second object <NUM>. For example, a third object <NUM> may provide control such that the first object <NUM> recognizes the size of the second object <NUM> equally to a size B of content in a state where the size of the second object <NUM> is set to the size of the virtual region <NUM>. Accordingly, the third object <NUM> may be set to have the same size as a display region of content included in the first object <NUM>.

In operation <NUM>, the electronic device may increase a size of content in the second object. For example, when an interval between the plurality of touch inputs <NUM> for the content <NUM> is increased, the processor <NUM> may zoom in content <NUM> (B→B') as shown in <FIG> through the virtual region <NUM> of the second object <NUM> based on an interval change. For example, when the size of the content is increased, the processor <NUM> may determine a center of the plurality of the touch inputs <NUM> as a reference region <NUM> for zooming in the content.

In operation <NUM>, the electronic device may set a scroll variable corresponding to an excess region. For example, when the processor <NUM> increases a size of the content <NUM> through the virtual region <NUM> of the second object <NUM>, an excess region <NUM> may be created. The processor <NUM> may set the size of the excess region <NUM> as a scroll variable of the first object <NUM> according to a zoom-in event.

In operation <NUM>, the electronic device may scroll the first object in accordance with the scroll variable. For example, when an excess event (i.e., an over scroll) occurs in the second object <NUM>, as shown in <FIG>, the processor <NUM> may change a scroll of the second object <NUM> to <NUM> (see <NUM>). As shown in <FIG>, the processor <NUM> may scroll the first object <NUM> in accordance with the scroll variable which is set based on a size of the excess region <NUM> (see <NUM>).

In operation <NUM>, the electronic device may update a size of a content display region in accordance with the zoom-in of the content. For example, the processor <NUM> may increase the size of the content display region included in the first object <NUM> in accordance with the increased size of content included in the second object <NUM>.

In operation <NUM>, the electronic device may identify whether a touch input corresponding to the zoom-in event is released.

When the touch input corresponding to the zoom-in event is maintained, in operation <NUM>, the size of the content may be increased based on a change in an interval between touch inputs. For example, upon the occurrence of the change in the interval between the touch inputs, the processor <NUM> may re-set a reference region for zooming in the content in accordance with a change of a touch point.

In operation <NUM>, when the touch input corresponding to the zoom-in event is released, the electronic device may update a size of the second object in accordance with the size of the content. For example, similarly to operations <NUM> to <NUM> of <FIG>, the processor <NUM> may re-set the size of the second object <NUM> in accordance with information of the increased size of the content included in the second object <NUM> (see <NUM>). In this case, the processor <NUM> may control the display device <NUM> to display the captured screen during the re-setting of the size of the second object <NUM>, thereby preventing the screen from shaking due to the re-setting of the size of the second object <NUM>.

<FIG> illustrates a signal flow diagram for zooming in content displayed on a display in an electronic device according to various embodiments of the disclosure.

Referring to <FIG>, a first object <NUM>, a third object <NUM>, and a second object <NUM> may be configured in a form of software or instructions used to display the content in the electronic device (e.g., the electronic device <NUM> of <FIG>).

According to an embodiment, upon receiving a content usage input (see <NUM>), the first object <NUM> (e.g., the first object <NUM> of <FIG>) may set a display region of content based on size information of the content included in the second object <NUM> (e.g., the second object <NUM> of <FIG>). For example, in response to reception of the content usage input <NUM>, the first object <NUM> may transmit a content usage request signal to the second object <NUM> (see <NUM>). For example, the first object <NUM> may deliver a content open event to the second object <NUM>. The second object <NUM> may render the content in response to reception of the content usage request signal. Upon the completion of the rendering of the content, the second object <NUM> may transmit loading information of the rendered content (e.g., a content loading complete event) to the first object <NUM> (see <NUM>). The first object <NUM> may transmit a layout size request signal to the third object <NUM> (e.g., the third object <NUM> of <FIG>) based on the content loading information (see <NUM>). The third object <NUM> may transmit a content size request signal to the second object <NUM> based on the layout size request signal (see <NUM>). In response to reception of the content size request signal, the second object <NUM> may transmit size information of the rendered content (e.g., size information based on a product of a content size and a zoom magnification) to the third object <NUM> (see <NUM>). The third object <NUM> may set the size information of the content, received from the second object <NUM>, to a size of the second object <NUM>, and may transmit it to the first object <NUM> (see <NUM>). The first object <NUM> may change a layout in accordance with a size of the second object <NUM>, received from the third object <NUM> (see <NUM>). For example, the first object <NUM> may re-set a size of a display region for displaying the content rendered in the second object <NUM> in the layout in accordance with the size of the second object <NUM>, received from the third object <NUM>.

According to an embodiment, when zooming in the content based on a zoom-in event, the first object <NUM> may be scrolled in accordance with a change in the size of the content. For example, the zoom-in input may include a movement of at least one touch input such that an interval between touch inputs is increased in a state where a plurality of touch inputs corresponding to the content is maintained. For example, upon receiving the zoom-in input (see <NUM>), the first object <NUM> may transmit touch information (e.g., an interval between touch inputs) corresponding to the zoom-in input to the second object <NUM> (see <NUM>). The second object <NUM> may set a reference region for the zoom-in of the content based on touch information for zooming in the content (see <NUM>). For example, the reference region may include a center point between touch inputs for zooming in the content. The second object <NUM> may transmit zoom start information to the third object <NUM> (see <NUM>). The third object <NUM> may set a size of the second object <NUM> to a size of a virtual region in response to reception of the zoom start information (see <NUM>). For example, the virtual region may include a size of a state in which content rendered in the second object <NUM> are zoomed in with a maximum magnification. Upon detecting an excess event (i.e., an over scroll) caused by an increase in the size of the content (see <NUM>), the second object <NUM> may create a scroll variable based on a size of an excess region detected based on the increase in the size of the content. The second object <NUM> may transmit the scroll variable to the first object <NUM> (see <NUM>). The first object <NUM> may be scrolled in accordance with the scroll variable (see <NUM>).

According to an embodiment, when the content are zoomed in based on the zoom-in event, the first object <NUM> may change a layout in accordance with the change in the size of the content. For example, when the size of the content is increased, the second object <NUM> may transmit a layout size change request signal to the first object <NUM> through the third object <NUM> (see <NUM>, <NUM>). The first object <NUM> may transmit a layout size request signal to the third object <NUM> in response to reception of the layout size change request signal (see <NUM>). The third object <NUM> may transmit a content size request signal to the second object <NUM> based on the layout size request signal (see <NUM>). In response to reception of the content size request signal, the second object <NUM> may transmit size information of the zoomed-in content (e.g., a content size and a zoom magnification) to the third object <NUM> (see <NUM>). The third object <NUM> may set content size information (e.g., size information based on a product of a content size and a changed zoom magnification) received from the second object <NUM> to a size of the second object <NUM>, and may transmit it to the first object <NUM> (see <NUM>). The first object <NUM> may zoom in a region of the second object <NUM> in a layout in accordance with a size of the second object <NUM>, received from the third object <NUM> (see <NUM>).

According to an embodiment, the first object <NUM>, the third object <NUM>, and the second object <NUM> may repeat operations (operations <NUM> to <NUM>) for scrolling the first object <NUM> and changing the layout during the zoom-in event is maintained.

According to an embodiment, the second object <NUM> may re-set the size of the second object <NUM> in accordance with the size of the content in response to the completion of the zoom event. For example, when the touch input for zooming in the content is released, the second object <NUM> may determine that the zoom event is complete. Upon completion of the zoom event, the second object <NUM> may transmit zoom completion information to the third object <NUM> (see <NUM>). The third object <NUM> may release the setting of the virtual region of the second object <NUM> in response to reception of the zoom completion information (see <NUM>). The second object <NUM> may re-set the size of the second object <NUM> in accordance with the size of the content based on the release of the setting of the virtual region. The second object <NUM> may transmit a layout size change request signal to the first object <NUM> through the third object <NUM> according to the re-setting of the size of the second object <NUM> (see <NUM>, <NUM>). The first object <NUM> may transmit a layout size request signal to the third object <NUM> in response to reception of the layout size change request signal (see <NUM>). The third object <NUM> may transmit a content size request signal to the second object <NUM> based on the layout size request signal (see <NUM>). In response to reception of the content size request signal, the second object <NUM> may transmit size information of the content (e.g., a content size and a zoom magnification) to the third object <NUM> (see <NUM>). The third object <NUM> may set the content size information received from the second object <NUM> to a size of the second object <NUM>, and may transmit it to the first object <NUM> (see <NUM>). The first object <NUM> may re-set a size of a region of the second object <NUM> in a layout in accordance with a size of the second object <NUM>, received from the third object <NUM> (see <NUM>). For example, the first object <NUM> may capture the first object <NUM> and dispose it at an upper end of the first object <NUM> while the size of the second object <NUM> is re-set (operations <NUM> to <NUM>), thereby preventing the screen from flickering due to the re-setting of the size of the second object <NUM>.

<FIG> illustrates a flowchart for zooming out content displayed on a display in an electronic device according to various embodiments of the disclosure.

<FIG> illustrate a screen configuration for zooming out content displayed on a display in an electronic device according to various embodiments of the disclosure. In the following description, the electronic device may include the electronic device <NUM> of <FIG> or at least part (e.g., the processor <NUM>) of the electronic device <NUM>.

Referring to <FIG>, in operation <NUM>, the electronic device may display content on the display. For example, similarly to operations <NUM> to <NUM> of <FIG>, the processor <NUM> may control the display device <NUM> to display corresponding content <NUM> (see <FIG>) by changing a layout <NUM> of the first object <NUM> based on size information (e.g., a height of content and a zoom magnification) of the content included in the second object <NUM>.

In operation <NUM>, upon detecting the touch input corresponding to the content, the electronic device may identify whether a zoom-out event occurs based on the touch input. For example, when a distance between touch points is decreased due to a movement of the touch point in a state where the plurality of touch inputs <NUM> for the content <NUM> are maintained, the processor <NUM> may determine that the zoom-out event has occurred.

In operation <NUM>, upon the occurrence of the zoom-out event for content, the electronic device may set a size of a second object corresponding to the content to a size of a virtual region. For example, upon the occurrence of the zoom-out event, the processor <NUM> may increase the size of the second object <NUM> to the size of the virtual region. For example, the size of the second object <NUM> may be increased to the size of the virtual region by setting a zoom magnification of the content included in the second object <NUM> to a predefined magnification (e.g., a maximum magnification).

In operation <NUM>, the electronic device may set a reference region for decreasing a size of the content based on touch information. For example, when the size of the content is decreased, the processor <NUM> may set a center <NUM> of the plurality of touch inputs <NUM> as a reference region for zooming out the content.

In operation <NUM>, the electronic device may decrease the size of the content in the second object. For example, when an interval between the plurality of touch inputs <NUM> for the content <NUM> is decreased, the processor <NUM> may zoom out content <NUM> as shown in <FIG> through the second object <NUM> based on an interval change.

In operation <NUM>, the electronic device may set a scroll variable based on a content reference region and a content size change. For example, the processor <NUM> may set the scroll variable based on a ratio for a height of the previous content <NUM> of which a size is not yet decreased and a height of a reference region and a height change value depending on the zoom-out of the content.

In operation <NUM>, the electronic device may scroll the first object in accordance with the scroll variable. For example, when the size of the content is decreased, the processor <NUM> may scroll the first object <NUM> to maintain visibility of the reference region of the content.

In operation <NUM>, the electronic device may update a size of a display region of the content in accordance with a decrease in the size of the content. For example, the processor <NUM> may decrease the size of the display region corresponding to the second object <NUM>, in the first object <NUM>, in accordance with the decreased size of the content in the second object <NUM>.

In operation <NUM>, the electronic device may identify whether a touch input corresponding to the zoom-out event is released.

When the touch input corresponding to the zoom-out event is maintained, in operation <NUM>, the electronic device may re-set a reference region for zooming out the content based on an interval change between touch inputs.

In operation <NUM>, when the touch input corresponding to the zoom-out event is released, the electronic device may update a size of the second object in accordance with the size of the content. For example, similarly to operations <NUM> to <NUM> of <FIG>, the processor <NUM> may re-set the size of the second object <NUM> in accordance with size information of content rendered through the second object <NUM> in a state where the display device <NUM> is indicated to display a captured screen.

<FIG> illustrates a signal flow diagram for zooming out content displayed on a display in an electronic device according to various embodiments of the disclosure.

According to an embodiment, upon receiving a content usage input (see <NUM>), the first object <NUM> (e.g., the first object <NUM> of <FIG>) may change a layout based on size information of content included in the second object <NUM> (e.g., the second object <NUM> of <FIG>). For example, since operations (operations <NUM> to <NUM>) for changing the layout of the first object <NUM> in accordance with a size of the second object <NUM> are identical to operations (operations <NUM> to <NUM>) for changing the layout of the first object <NUM> in accordance with a size of the second object <NUM> in <FIG>, detailed descriptions may be omitted.

According to an embodiment, when zooming out the content based on a zoom-out event, the first object <NUM> may be scrolled in accordance with a change in the size of the content. For example, the zoom-out input may include a movement of at least one touch input such that an interval between touch inputs is decreased in a state where a plurality of touch inputs corresponding to the content is maintained. For example, upon receiving the zoom-out input (see <NUM>), the first object <NUM> may transmit touch information (e.g., an interval between touch inputs) corresponding to the zoom-out input to the second object <NUM> (see <NUM>). The second object <NUM> may set a reference region for the zoom-out of the content based on touch information for zooming out the content (see <NUM>). For example, the reference region may include a center point between touch inputs for zooming out the content. The second object <NUM> may transmit zoom start information to the third object <NUM> (see <NUM>). The third object <NUM> may set a size of the second object <NUM> to a size of a virtual region in response to reception of the zoom start information (see <NUM>). For example, the size of the virtual region may include a size of a state in which content rendered in the second object <NUM> are zoomed in with a maximum magnification. The second object <NUM> may create a scroll variable based on a height change caused by the zoom-out of the content and a ratio of a region in which a reference region is located (see <NUM>). The second object <NUM> may transmit the scroll variable to the first object <NUM> (see <NUM>). The first object <NUM> may be scrolled in accordance with the scroll variable (see <NUM>).

According to an embodiment, when the size of the content is decreased based on the zoom-out event, the first object <NUM> may change a layout in accordance with the change in the size of the content. For example, since operations (operations <NUM> to <NUM>) for changing the layout of the first object <NUM> in accordance with a size of the second object <NUM> are identical to operations (operations <NUM> to <NUM>) for changing the layout of the first object <NUM> in accordance with a size of the second object <NUM> in <FIG>, detailed descriptions may be omitted.

According to an embodiment, the first object <NUM>, the third object <NUM>, and the second object <NUM> may repeat operations (operations <NUM> to <NUM>) for scrolling the first object <NUM> and changing the layout while the zoom-out event is maintained.

According to an embodiment, the second object <NUM> may re-set the size of the second object <NUM> in accordance with the size of the content in response to the completion of the zoom event. For example, since operations (operations <NUM> to <NUM>) for re-setting the size of the second object <NUM> upon the completion of the zoom event are identical to operations (operations <NUM> to <NUM>), detailed descriptions may be omitted.

<FIG> illustrates a flowchart for updating a size of content displayed on a display on a basis of a double-tap event in an electronic device according to various embodiments of the disclosure. In the following description, the electronic device may include the electronic device <NUM> of <FIG> or at least part (e.g., the processor <NUM>) of the electronic device <NUM>.

Referring to <FIG>, in operation <NUM>, the electronic device may display content on the display. For example, similarly to operations <NUM> to <NUM> of <FIG>, the processor <NUM> may change a layout of the first object <NUM> based on size information of corresponding content (e.g., a height of content and a zoom magnification) to ensure a display region of content included in the second object <NUM>. The processor <NUM> may control the display device <NUM> to display the content through the changed layout of the first object <NUM>.

In operation <NUM>, the electronic device may identify whether a touch input corresponding to the content displayed on the display is detected. For example, the processor <NUM> may identify whether at least one touch input is detected through a region corresponding to content displayed on the display device <NUM>.

In operation <NUM>, upon detecting the touch input corresponding to the content, the electronic device may identify whether a double-tap event is detected. For example, upon detecting a plurality of touch inputs continuously through the display region of the content, the processor <NUM> may determine that the double-tap event has occurred.

In operation <NUM>, upon the occurrence of the double-tap event, the electronic device may set a reference region for changing the size of the content based on a touch input corresponding to the content. For example, the processor <NUM> may set and store a touch point at which the double-tap event is detected, as the reference region for changing the size of the content.

In operation <NUM>, the electronic device may set the size of the second object corresponding to the content to a size of a virtual region in order to change the size of the content. For example, upon changing the size of the content, the processor <NUM> may increase the size of the second object <NUM> to the size of the virtual region to prevent a scroll from occurring in the second object <NUM>. For example, the size of the virtual region may correspond to a size obtained by increasing a zoom magnification of the content included in the second object <NUM> to a maximum magnification.

In operation <NUM>, the electronic device may update the size of the content through the second object of which a size is set to the size of the virtual region. For example, the processor <NUM> may determine a size change type (e.g., zoom-in or zoom-out) and a change size of corresponding content based on the size of the content at a time at which the double-tap event has occurred. The processor <NUM> may update (e.g., zoom in or zoom out) the size of the content through the second object based on the size change type of the content. For example, the processor <NUM> may update the size of the content by updating the zoom magnification of the content on a reference interval basis.

In operation <NUM>, the electronic device may set a scroll variable based on a content reference region and a content size change. For example, the processor <NUM> may calculate a ratio for a position of the reference region against a height of the previous content <NUM> of which a size is not yet decreased. The processor <NUM> may set the scroll variable based on a ratio for the position of the reference region and a height change value of the content.

In operation <NUM>, the electronic device may scroll the first object in accordance with the scroll variable. For example, upon changing the size of the content, the processor <NUM> may scroll the first object <NUM> to maintain visibility of the reference region of the content.

In operation <NUM>, the electronic device may update a size of a display region of the content in accordance with a change in the size of the content. For example, the processor <NUM> may change a layout of the first object <NUM> based on size information of the content changed in the second object <NUM>. For example, the processor <NUM> may adjust the size of the display region corresponding to the second object <NUM>, in the first object <NUM>, in accordance with the size information of the content changed in the second object <NUM>.

In operation <NUM>, the electronic device may compare the zoom magnification of the content and a reference magnification to identify whether the double-tap event is complete. For example, when the content zoom magnification to be changed on a reference interval basis is identical to the reference magnification, the processor <NUM> may determine that the double-tab event is complete. For example, the reference magnification may include a zoom magnification corresponding to a content change size which is set by the double-tab event.

When the zoom magnification of the content is different from the reference magnification, in operation <NUM>, the electronic device may additionally update the size of the content through the second object. For example, when the zoom magnification of the content is different from the reference magnification, the processor <NUM> may determine that the double-tap event is maintained. In operation <NUM>, the processor <NUM> may change the size of the content by updating the zoom magnification of the content on the reference interval basis.

In operation <NUM>, when the zoom magnification of the content is identical to the reference magnification, the electronic device may update the size of the second object in accordance with the size of the content. For example, when the zoom magnification of the content is identical to the reference magnification, the processor <NUM> may determine that the double-tap event is complete. Upon determining that the double-tap event is complete, similarly to operations <NUM> to <NUM> of <FIG>, the processor <NUM> may re-set the size of the second object <NUM> in accordance with the updated size information of the content included in the second object <NUM> in a state where the display device <NUM> is indicated to display a captured screen.

<FIG> illustrates a signal flow diagram for updating a size of content displayed on a display based on a double-tap event in an electronic device according to various embodiments of the disclosure.

According to an embodiment, upon receiving a content usage input (see <NUM>), the first object <NUM> (e.g., the first object <NUM> of <FIG>) may change a layout based on size information of content rendered through the second object <NUM> (e.g., the second object <NUM> of <FIG>). For example, since operations (operations <NUM> to <NUM>) for changing the layout of the first object <NUM> in accordance with a size of the second object <NUM> are identical to operations (operations <NUM> to <NUM>) for changing the layout of the first object <NUM> in accordance with a size of the second object <NUM> in <FIG>, detailed descriptions may be omitted.

According to an embodiment, upon changing a size of content based on a double-tap event, the first object <NUM> may be scrolled in accordance with a change in the size of the content. For example, upon receiving a double-tap input (see <NUM>), the first object <NUM> may transmit touch information (e.g., a touch point) corresponding to the double-tap input to the second object <NUM> (see <NUM>). The second object <NUM> may set and store a touch point at which the double-tap input is detected as a reference region (see <NUM>). The second object <NUM> may transmit zoom start information to the third object <NUM> (see <NUM>). The third object <NUM> may set a size of the second object <NUM> (see <NUM>) to a size of a virtual region in response to reception of the zoom start information. For example, the virtual region may include a size of a state in which content rendered in the second object <NUM> are zoomed in with a maximum magnification. The second object <NUM> may create a scroll variable based on a height change caused by the change in the size of the content and a ratio of a position of a reference region for the content based on a change in the size of the content (see <NUM>). For example, the ratio of the position of the reference region may include a ratio for a height of the reference region against a height of content at a time of receiving the double-tap input. The second object <NUM> may transmit the scroll variable to the first object <NUM> (see <NUM>). The first object <NUM> may be scrolled in accordance with the scroll variable (see <NUM>).

According to an embodiment, when the size of the content is changed based on the double-tap event, the first object <NUM> may change a layout in accordance with the change in the size of the content. For example, since operations (operations <NUM> to <NUM>) for changing the layout of the first object <NUM> in accordance with a size of the second object <NUM> are identical to operations (operations <NUM> to <NUM>) for changing the layout of the first object <NUM> in accordance with a size of the second object <NUM> in <FIG>, detailed descriptions may be omitted.

According to an embodiment, the first object <NUM>, the third object <NUM>, and the second object <NUM> may repeat operations (operations <NUM> to <NUM>) for scrolling the first object <NUM> and changing the layout while the double-tap event is maintained.

According to an embodiment, the second object <NUM> may re-set the size of the second object <NUM> in accordance with the size of the content in response to the completion of the double-tap event. For example, when a zoom magnification of the content is identical to a reference magnification which is set by the double-tap event, the second object <NUM> may determine that the double-tap event is complete. Upon the completion of the double-tap event, the second object <NUM> may transmit double-tap completion information to the third object <NUM> (see <NUM>). The third object <NUM> may release the setting of the virtual region of the second object <NUM> in response to reception of the double-tap completion information (see <NUM>). The second object <NUM> may re-set the size of the second object <NUM> in accordance with the size of the content based on the release of the setting of the virtual region. For example, since operations (operations <NUM> to <NUM>) for re-setting the size of the second object <NUM> upon the completion of the double-table event are identical to operations (operation <NUM> to <NUM>) for re-setting the size of the second object <NUM> in <FIG>, detailed descriptions may be omitted. The first object <NUM> may capture the first object <NUM> and dispose it at an upper end of the first object <NUM> while the size of the second object <NUM> is re-set (operations <NUM> to <NUM>), thereby preventing the screen from flickering due to the re-setting of the size of the second object <NUM>.

According to various embodiments of the disclosure, the electronic device may set the size of the second object to the size of the virtual region at a time of rendering content for the first time or at a time of calculating a height of the content.

According to various embodiments of the disclosure, a method of operating an electronic device includes displaying a user interface including web content on a touch screen display of the electronic device in such a manner that a second object including the web content is located in a first object, receiving a user input for zooming in or zooming out the web content with a first magnification, zooming in or zooming out the web content with the first magnification in the second object of a selected magnification that is greater than the first magnification, irrespective of the first magnification, upon receiving the user input, and adjusting the second object to have the first magnification after zooming in or zooming out the web content with the first magnification. The first object may be included in a first view class which allows the second object located in the first object to be scrolled on the touch screen display. The second object may be included in a second view class.

According to various embodiments, the zooming in or zooming out the web content may include zooming in or zooming out the web content by using a third object of a third view class which plays an intermediary role between the first object and the second object.

According to various embodiments, the zooming in or zooming out of the web content may include providing a touch event from the first object to the second object, based on reception of the user input, providing, by the second object, the touch event to the third object, and setting, by the third object, the selected magnification for the second object.

Claim 1:
An electronic device (<NUM>) comprising:
a touch screen display (<NUM>);
at least one processor (<NUM>) electrically coupled to the touch screen display; and
a memory (<NUM>) electrically coupled to the at least one processor,
wherein the memory is configured to store a first object (<NUM>) located in a first view class which allows a second object (<NUM>) located in the first object to be scrolled in the touch screen display, and the second object is included in a second view class, and
wherein, the memory is further configured to store instruction that, when executed, cause the at least one processor to:
display (<NUM>) web content rendered in the second object through a display region which is set in the first object,
receive (<NUM>) a touch input for zooming in to or zooming out of the web content with a first magnification,
in response to receiving the touch input, change a size of the second object corresponding to the web content to a size of a virtual region,
wherein the size of the virtual region is a maximum size supported in the second object and is irrelevant to the first magnification,
zoom in to or zoom out of the web content with the first magnification in the second object having the size of the virtual region,
update (<NUM>) the display region set in the first object based on a size of the zoomed web content,
identify whether the touch input is released; and in response to the touch input being released, re-set (<NUM>) the size of the second object having the size of the virtual region based on the size of the zoomed web content.