Social Media Image Display Area Expansion and Collapse Mechanism

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current methods for displaying large pictures on social platforms either intercept or scale images, leading to increased system workload without providing a clear and complete view, as users must click on the image to see it fully.

Innovation Solution

A method that detects input operations around a media content area and scrolls the content according to its layout direction, ensuring the image's width is perpendicular to the display area, allowing for clear and complete viewing without intercepting or using a large picture floating layer.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Area of stationary object

If the picture is intercepted for displaying according to a highest and widest size of the picture displaying area, then the picture can be displayed in the picture displaying area, but the picture is not displayed completely and system workload increases due to interception and large picture floating layer operations

Engineering Contradiction:
Improvepicture displaying areaVSAvoidsystem workload
Core Design Contradiction:
Area of stationary objectVSDevice complexity

Solution Approach 1:

The patent applies dynamics by making the picture displaying area expandable and collapsible based on user interaction. The displaying area dynamically adjusts between a first size (expanded state showing complete picture) and a second size (collapsed state showing intercepted picture), eliminating the need for complex interception operations and large picture floating layers while maintaining complete picture display capability when needed.

Inventive Principle:
Principle #15Dynamics

2Area of stationary object

If the uploaded picture is scaled up by a geometric proportion according to the highest and widest size of the picture displaying area, then the picture can be displayed in the picture displaying area completely, but the picture is not displayed clearly and system workload increases due to scaling and large picture floating layer operations

Engineering Contradiction:
Improvepicture displaying areaVSAvoidpicture clarity
Core Design Contradiction:
Area of stationary objectVSManufacturing precision

Solution Approach 1:

The patent uses dynamics to switch between two display states: in the collapsed state, the picture is displayed at its original size maintaining clarity; in the expanded state, the picture displaying area enlarges to show the complete picture without geometric scaling, thus preserving picture clarity while achieving complete display.

Inventive Principle:
Principle #15Dynamics

3Ease of operation

If the picture is intercepted or scaled up, then the picture can be displayed in the picture displaying area, but a large picture floating layer is required which increases system workload

Engineering Contradiction:
Improvepicture display operationVSAvoidsystem workload
Core Design Contradiction:
Ease of operationVSDevice complexity

Solution Approach 1:

The patent applies multi-functionality by making the picture displaying area itself serve dual purposes: it can be expanded to display complete pictures and collapsed to display intercepted pictures, eliminating the need for a separate large picture floating layer. This universal approach reduces system workload while maintaining ease of operation through intuitive expansion and collapse actions.

Inventive Principle:
Principle #6Universality (Multi-functionality)

Data Source

PatentUS9916392B2Method, system, and storage medium for displaying media content applicable to social platform
Publication Date: 2018.03.13 TENCENT TECHNOLOGY (SHENZHEN) CO LTD
  • US9916392B2 patent drawing
  • US9916392B2 patent drawing
  • US9916392B2 patent drawing

AI summary

The present disclosure relates to the field of computer technologies, and discloses a method, system, and storage medium for displaying media content applicable to a social platform. The method includes: detecting an input operation about a dynamic area located around a media content displaying area; and responding to the input operation, and scrolling to display, according to a layout direction of media content loaded in the media content displaying area, the media content in the media content displaying area, where a width of the media content in a direction that is perpendicular to the layout direction of the media content is consistent with a width of the media content displaying area. Embodiments of the present invention do not need to intercept the media content, and also do not need to display a clear and complete picture by using a large picture floating layer, so as to reduce a workload of the system effectively.