CN116661919A - 视图控制方法、装置、电子设备及计算机可读存储介质 - Google Patents
视图控制方法、装置、电子设备及计算机可读存储介质 Download PDFInfo
- Publication number
- CN116661919A CN116661919A CN202310463884.3A CN202310463884A CN116661919A CN 116661919 A CN116661919 A CN 116661919A CN 202310463884 A CN202310463884 A CN 202310463884A CN 116661919 A CN116661919 A CN 116661919A
- Authority
- CN
- China
- Prior art keywords
- target
- advertisement
- view
- picture
- size
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 46
- 238000003860 storage Methods 0.000 title claims abstract description 10
- 238000007373 indentation Methods 0.000 claims abstract description 12
- 238000012545 processing Methods 0.000 claims description 23
- 238000004590 computer program Methods 0.000 claims description 12
- 238000004891 communication Methods 0.000 claims description 9
- 230000003993 interaction Effects 0.000 claims description 5
- 238000004364 calculation method Methods 0.000 abstract description 8
- 230000000694 effects Effects 0.000 description 10
- 238000010586 diagram Methods 0.000 description 8
- 230000006870 function Effects 0.000 description 7
- 239000002131 composite material Substances 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 238000005520 cutting process Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000000802 evaporation-induced self-assembly Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000008569 process Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/02—Marketing; Price estimation or determination; Fundraising
- G06Q30/0241—Advertisements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
- H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
- H04N21/4316—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations for displaying supplemental content in a region of the screen, e.g. an advertisement in a separate window
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Business, Economics & Management (AREA)
- Finance (AREA)
- Strategic Management (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Accounting & Taxation (AREA)
- Development Economics (AREA)
- General Engineering & Computer Science (AREA)
- Entrepreneurship & Innovation (AREA)
- Game Theory and Decision Science (AREA)
- Human Computer Interaction (AREA)
- Economics (AREA)
- Marketing (AREA)
- General Business, Economics & Management (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请涉及一种视图控制方法、视图控制装置、电子设备及计算机可读存储介质。所述视图控制方法包括:创建页面需展示的视图;获取广告位视图的尺寸信息以及各视图之间的相对位置关系;获取广告位视图上当前待展示的目标广告图片以及对目标广告图片的位置要求信息;根据相对位置关系、尺寸信息以及位置要求信息,确定目标广告图片的边缘相对于广告位视图的对应边缘的目标偏移方向和对应的目标偏移量;根据目标偏移方向和目标偏移量对广告位视图的边框缩进属性进行设置。采用所述视图控制方法能够解决由于根据服务器传回图片数据对广告图大小和位置进行调节会涉及对整个页面的布局进行计算调整导致工作量大的问题。
Description
技术领域
本申请涉及计算机技术领域,特别是涉及一种视图控制方法、视图控制装置、电子设备及计算机可读存储介质。
背景技术
随着电子产品的发展,电子产品由于具有方便、高效等优点在日常生活中得到越来越广泛的应用。在电子产品中应用程序(Application,App)的页面上含有广告位,基于广告内容的多样性,通常需要对广告位视图的大小和位置进行相应调整以投放不同的广告内容。
然而,根据服务器传回图片数据对广告图大小和位置进行调节,会涉及对整个页面的布局进行计算调整,并进行页面刷新,从而导致工作量大,且不够灵活。
发明内容
基于此,提供一种视图控制方法、视图控制装置、电子设备及计算机可读存储介质,解决现有技术中由于根据服务器传回图片数据对广告图大小和位置进行调节会涉及对整个页面的布局进行计算调整导致工作量大的问题。
一方面,提供一种视图控制方法,应用于终端,所述视图控制方法包括:创建页面需展示的视图,所述视图包括广告位视图以及其他视图;获取所述广告位视图的尺寸信息以及各所述视图之间的相对位置关系;获取所述广告位视图上当前待展示的目标广告图片以及对所述目标广告图片的位置要求信息;根据所述相对位置关系、所述尺寸信息以及所述位置要求信息,确定将所述目标广告图片展示于所述广告位视图的指定位置上时,所述目标广告图片的边缘相对于所述广告位视图的对应边缘的目标偏移方向和对应的目标偏移量;根据所述目标偏移方向和所述目标偏移量对所述广告位视图的边框缩进属性进行设置,使得所述其他视图可根据所述目标偏移方向和所述目标偏移量调整自身的位置。
在其中一个实施例中,所述获取所述广告位视图的尺寸信息以及各所述视图之间的相对位置关系,包括:获取所述广告位视图上当前待展示的原始广告图片,并获取对所述原始广告图片的图片要求信息;所述图片要求信息包括尺寸要求信息以及内容要求信息中的至少一种;基于所述图片要求信息对所述原始广告图片进行处理得到目标广告图片。
在其中一个实施例中,在所述图片要求信息包括尺寸要求信息,且所述尺寸要求信息包括目标尺寸时,所述基于所述图片要求信息对所述原始广告图片进行处理得到目标广告图片,包括:获取所述原始广告图片的原始尺寸;根据所述目标尺寸以及所述原始尺寸确定目标缩放比例值;基于所述目标缩放比例值对所述原始广告图片进行处理得到目标广告图片。
在其中一个实施例中,所述目标尺寸包括目标高度和目标宽度,所述原始尺寸包括原始高度和原始宽度,所述根据所述目标尺寸以及所述原始尺寸确定目标缩放比例值,包括:根据所述目标高度和所述原始高度计算得到高度的缩放比例值;根据所述目标宽度和所述原始宽度计算得到宽度的缩放比例值;根据所述高度的缩放比例值和所述宽度的缩放比例值确定目标缩放比例值。
在其中一个实施例中,所述根据所述高度的缩放比例值和所述宽度的缩放比例值确定目标缩放比例值,包括:按照预设缩放比例值选择规则从所述高度的缩放比例值和所述宽度的缩放比例值中选择一个作为目标缩放比例值。
在其中一个实施例中,所述确定将所述目标广告图片展示于所述广告位视图的指定位置上时,所述目标广告图片的边缘相对于所述广告位视图的对应边缘的目标偏移方向和对应的目标偏移量,包括:从外部接收对所述目标广告图片的边缘相对于所述广告位视图的对应边缘的目标偏移方向和对应的目标偏移量。
在其中一个实施例中,所述确定将所述目标广告图片展示于所述广告位视图的指定位置上时,所述目标广告图片的边缘相对于所述广告位视图的对应边缘的目标偏移方向和对应的目标偏移量,还包括:计算所述目标广告图片的边缘与所述广告位视图的对应边缘之间的目标偏移量和对应的目标偏移方向。
另一方面,提供了一种视图控制装置,所述视图控制装置包括:创建模块、第一获取模块、第二获取模块、确定模块以及处理模块,其中,所述创建模块,用于创建页面需展示的视图,所述视图包括广告位视图以及其他视图;所述第一获取模块,用于获取所述广告位视图的尺寸信息以及各所述视图之间的相对位置关系;所述第二获取模块,用于获取所述广告位视图上当前待展示的目标广告图片以及对所述目标广告图片的位置要求信息;所述确定模块,用于根据所述相对位置关系、所述尺寸信息以及所述位置要求信息,确定将所述目标广告图片展示于所述广告位视图的指定位置上时,所述目标广告图片的边缘相对于所述广告位视图的对应边缘的目标偏移方向和对应的目标偏移量;所述处理模块,用于根据所述目标偏移方向和所述目标偏移量对所述广告位视图的边框缩进属性进行设置,使得所述其他视图可根据所述目标偏移方向和所述目标偏移量调整自身的位置。
另一方面,提供了一种电子设备,包括处理器、存储器、通信接口以及总线,其中,所述处理器、所述存储器和所述通信接口通过所述总线连接,所述存储器用于存储上述的视图控制方法的指令以及计算机程序,所述处理器用于读取所述存储器中存储的指令以及计算机程序并进行执行,以实现上述的视图控制方法,所述通信接口用于实现信息交互。
另一方面,提供了一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述的视图控制方法。
上述视图控制方法、视图控制装置、电子设备及计算机可读存储介质,通过创建页面需展示的视图,所述视图包括广告位视图以及其他视图;获取所述广告位视图的尺寸信息以及各所述视图之间的相对位置关系;获取所述广告位视图上当前待展示的目标广告图片以及对所述目标广告图片的位置要求信息;根据所述相对位置关系、所述尺寸信息以及所述位置要求信息,确定将所述目标广告图片展示于所述广告位视图的指定位置上时,所述目标广告图片的边缘相对于所述广告位视图的对应边缘的目标偏移方向和对应的目标偏移量;根据所述目标偏移方向和所述目标偏移量对所述广告位视图的边框缩进属性进行设置,使得所述其他视图可根据所述目标偏移方向和所述目标偏移量调整自身的位置,从而解决由于根据服务器传回图片数据对广告图大小和位置进行调节会涉及对整个页面的布局进行计算调整导致工作量大的问题。
附图说明
图1为本申请实施例公开的一种视图控制方法的流程示意图;
图2为图1所示的视图控制方法中步骤S20的流程示意图;
图3为图2所示的视图控制方法中步骤S22的流程示意图;
图4为图1所示的视图控制方法中步骤S40的流程示意图;
图5为图4所示的视图控制方法中步骤S42的示例图;
图6为图4所示的视图控制方法中步骤S42的另一种示例图;
图7为图1所示的视图控制方法中步骤S50的流程示意图;
图8为本申请实施例公开的一种视图控制装置的结构示意图;
图9为本申请实施例公开的一种电子设备的结构示意图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
需要说明的是,本实施例中所提供的图示仅以示意方式说明本发明的基本构想,遂图式中仅显示与本发明中有关的组件而非按照实际实施时的组件数目、形状及尺寸绘制,其实际实施时各组件的型态、数量及比例可为一种随意的改变,且其组件布局型态也可能更为复杂。本说明书所附图式所绘示的结构、比例、大小等,均仅用以配合说明书所揭示的内容,以供熟悉此技术的人士了解与阅读,并非用以限定本发明可实施的限定条件,故不具技术上的实质意义,任何结构的修饰、比例关系的改变或大小的调整,在不影响本发明所能产生的功效及所能达成的目的下,均应仍落在本发明所揭示的技术内容得能涵盖的范围内。同时,本说明书中所引用的如“上”、“下”、“左”、“右”、“中间”及“一”等的用语,亦仅为便于叙述的明了,而非用以限定本发明可实施的范围,其相对关系的改变或调整,在无实质变更技术内容下,当亦视为本发明可实施的范畴。
随着电子产品的发展,电子产品由于具有方便、高效等优点在日常生活中得到越来越广泛的应用。在电子产品中应用程序(Application,App)的页面上含有广告位,基于广告内容的多样性,通常需要对广告位视图的大小和位置进行相应调整以投放不同的广告内容。然而,根据服务器传回图片数据对广告图大小和位置进行调节,会涉及对整个页面的布局进行计算调整,并进行页面刷新,从而导致工作量大,且不够灵活。
基于此,本申请希望提供一种能够解决上述技术问题的方案,可以解决由于根据服务器传回图片数据对广告图大小和位置进行调节会涉及对整个页面的布局进行计算调整导致工作量大的问题,其详细内容将在后续实施例中得以阐述。
本申请方案的详细阐述一种视图控制方法、视图控制装置、电子设备及计算机可读存储介质。
请参阅图1,其为本申请实施例公开的一种视图控制方法的流程示意图。在本申请实施方式中,所述视图控制方法应用于终端,所述视图控制方法的流程至少包括以下步骤。
S10、创建页面需展示的视图,所述视图包括广告位视图以及其他视图。
在本申请实施例中,具体为,创建页面需展示的视图,所述视图包括广告位视图以及其他视图。其中,所述广告位视图用于展示广告,还可以用于实现业务需求的其他功能。所述业务需求的其他功能可以包括:多图轮播展示(即每个广告图完全或不完全占据当前广告位视图,间隔预设时间自动翻转到下一页广告图)、对每个广告图有点击事件、广告图有滤镜效果视图等。为了满足所述业务需求的交互和动效,所述广告位视图可以为由多个子控件组成的复合控件,其中,所述广告位视图包括至少一个UIImageView或者一个UIView或者一个其他可以显示图片的控件(如按钮UIButton)。
S20、获取所述广告位视图的尺寸信息以及各所述视图之间的相对位置关系。
S30、获取所述广告位视图上当前待展示的目标广告图片以及对所述目标广告图片的位置要求信息。
S40、根据所述相对位置关系、所述尺寸信息以及所述位置要求信息,确定将所述目标广告图片展示于所述广告位视图的指定位置上时,所述目标广告图片的边缘相对于所述广告位视图的对应边缘的目标偏移方向和对应的目标偏移量。
S50、根据所述目标偏移方向和所述目标偏移量对所述广告位视图的边框缩进属性进行设置,使得所述其他视图可根据所述目标偏移方向和所述目标偏移量调整自身的位置。
请参阅图2,在本申请实施方式中,所述步骤S20至少包括以下步骤。
S21、获取所述广告位视图上当前待展示的原始广告图片,并获取对所述原始广告图片的图片要求信息;所述图片要求信息包括尺寸要求信息以及内容要求信息中的至少一种。
S22、基于所述图片要求信息对所述原始广告图片进行处理得到目标广告图片。
请参阅图3,在本申请实施方式中,在所述图片要求信息包括尺寸要求信息,且所述尺寸要求信息包括目标尺寸时,所述步骤S22至少包括以下步骤。
S221、获取所述原始广告图片的原始尺寸。
S222、根据所述目标尺寸以及所述原始尺寸确定目标缩放比例值。
在本申请实施例中,根据所述目标高度和所述原始高度计算得到高度的缩放比例值,根据所述目标宽度和所述原始宽度计算得到宽度的缩放比例值,再根据所述高度的缩放比例值和所述宽度的缩放比例值确定目标缩放比例值。其中,按照预设缩放比例值选择规则从所述高度的缩放比例值和所述宽度的缩放比例值中选择一个作为目标缩放比例值。具体为,以所述原始高度为60、所述原始宽度为40、所述目标高度为180以及所述目标宽度为80为例进行说明,根据所述目标高度和所述原始高度计算得到高度的缩放比例值为180/60(即等于3),根据所述目标宽度和所述原始宽度计算得到宽度的缩放比例值80/40(即等于2)。当业务需求允许一定的图片超出所述广告位视图的框架,则将最大缩放比例值(即所述高度的缩放比例值)确定目标缩放比例值;当业务需求不允许一定的图片超出所述广告位视图的框架,则将最小缩放比例值(即所述宽度的缩放比例值)确定目标缩放比例值。
S223、基于所述目标缩放比例值对所述原始广告图片进行处理得到目标广告图片。
在本申请实施例中,以所述目标缩放比例值为3、所述原始宽度为40以及所述原始高度为60为例进行说明,所述原始广告图片的所述原始宽度乘以所述目标缩放比例值得到所述目标广告图片的实际宽度(即40*3=120),所述原始广告图片的所述原始高度乘以所述目标缩放比例值得到所述目标广告图片的实际高度(即60*3=180),根据所述业务需求对所述原始广告图片进行裁剪。
以业务需求为保留所述原始广告图片的中间部分为例进行说明,当所述目标高度和所述目标广告图片的实际高度均为180,则所述原始广告图片的高度符合要求;当所述目标宽度为80,且所述目标广告图片的实际宽度为120时,需要对所述原始广告图片的宽度进行处理,对宽度的剪裁长度进行计算:120-80=40,由于保留所述原始广告图片的中间部分,则对所述原始广告图片的左右两侧各自剪裁掉20得到目标广告图片。
在本申请实施方式中,在所述图片要求信息包括尺寸要求信息和内容要求信息时,所述步骤S22还包括基于所述内容要求信息对所述目标广告图片进行处理。具体为,当所述广告位视图用于显示图片的控件为UIImageView时,将其属性image设置为所述目标广告图片,并根据所述业务需求加入相关滤镜效果;当所述广告位视图用于显示图片的控件为UIView及其子类时,对其添加一个新的层,将所述新的层的属性content设置为所述目标广告图片,并根据所述业务需求加入相关滤镜效果;或,当所述广告位视图用于显示图片的控件为UIView及其子类时,重写其draw(:)方法,将所述目标广告图片绘制在绘图上下文中,并根据所述业务需求加入相关滤镜效果;或,当所述广告位视图用于显示图片的控件为UIView及其子类时,对其添加一个新的层,重写所述新的层的draw(:in:)方法,将所述目标广告图片绘制在绘图上下文中,并根据所述业务需求加入相关滤镜效果。
请参阅图4,在本申请实施方式中,所述步骤S40至少包括以下步骤。
S41、从外部接收对所述目标广告图片的边缘相对于所述广告位视图的对应边缘的目标偏移方向和对应的目标偏移量。
S42、计算所述目标广告图片的边缘与所述广告位视图的对应边缘之间的目标偏移量和对应的目标偏移方向。
在本申请实施例中,请参阅图5,以所述广告位视图的宽度为400和高度为200、所述目标广告图片的宽度为20和高度为20以及所述目标广告图片的左上点坐标为(x:0,y:0)为例进行说明,当所述目标广告图片的左上点与所述广告位视图的左上位置重合,则对目标偏移量进行计算,水平左目标偏移量为0;水平右目标偏移量为所述广告位视图的宽度减去所述目标广告图片的宽度(即400-20=380),由于所述其他视图向所述广告位视图内缩进,所以所述水平右目标偏移量为负数(即-380);竖直上目标偏移量为0;竖直下目标偏移量为所述广告位视图的高度减去所述目标广告图片的高度(即200-20=180),由于所述其他视图向所述广告位视图内缩进,所以所述竖直下目标偏移量为负数(即-180)。
请参阅图6,以所述广告位视图的宽度为400和高度为200、所述目标广告图片的宽度为400和高度为200以及所述目标广告图片的中心点坐标为(x:10,y:10)为例进行说明,当所述目标广告图片的中心点与所述广告位视图的中心点重合,则对目标偏移量进行计算,水平左目标偏移量为所述广告位视图的宽度除以2再减去所述目标广告图片的中心点的x坐标值(即400/2-10=190),由于所述其他视图向所述广告位视图内缩进,所以所述水平左目标偏移量为负数(即-190);水平右目标偏移量为所述广告位视图的宽度除以2再减去所述目标广告图片的中心点的x坐标值(即400/2-10=190);竖直上目标偏移量为所述广告位视图的高度除以2再减去所述目标广告图片的中心点的y坐标值(即200/2-10=90),由于所述其他视图向所述广告位视图内缩进,所以所述竖直上目标偏移量为负数(即-90);竖直下目标偏移量为所述广告位视图的高度除以2再减去所述目标广告图片的中心点的y坐标值(即200/2-10=90)。
请参阅图7,在本申请实施方式中,所述步骤S50至少包括以下步骤。
S51、根据从外部接收的所述目标偏移方向和所述目标偏移量对所述广告位视图的边框缩进属性进行设置。
在本申请实施例中,具体为,当所述广告位视图用于显示图片的控件为UIImageView时,调用所述目标广告图片的withAlignmentRectInsets(:)方法,将方法的参数传入从外部接收的所述目标偏移方向和所述目标偏移量得到设置过了偏移量的目标广告图片,再将所述偏移量的目标广告图片重新赋值给UIImageView的image属性。
当所述广告位视图用于显示图片的控件为UIView及其子类,直接将UIView的alignmentRectInsets属性设置为从外部接收的所述目标偏移方向和所述目标偏移量。
S52、根据计算的所述目标偏移方向和所述目标偏移量对所述广告位视图的边框缩进属性进行设置。
综上所述,本申请的视图控制方法中,通过创建页面需展示的视图,所述视图包括广告位视图以及其他视图;获取所述广告位视图的尺寸信息以及各所述视图之间的相对位置关系;获取所述广告位视图上当前待展示的目标广告图片以及对所述目标广告图片的位置要求信息;根据所述相对位置关系、所述尺寸信息以及所述位置要求信息,确定将所述目标广告图片展示于所述广告位视图的指定位置上时,所述目标广告图片的边缘相对于所述广告位视图的对应边缘的目标偏移方向和对应的目标偏移量;根据所述目标偏移方向和所述目标偏移量对所述广告位视图的边框缩进属性进行设置,使得所述其他视图可根据所述目标偏移方向和所述目标偏移量调整自身的位置,从而解决由于根据服务器传回图片数据对广告图大小和位置进行调节会涉及对整个页面的布局进行计算调整导致工作量大的问题。
应该理解的是,虽然图1至图7的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,图1至图7中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些子步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
请参阅图8,其为本申请实施例公开的一种视图控制装置的结构示意图。本申请提供一种视图控制装置100,其至少可以包括创建模块110、第一获取模块130、第二获取模块150、确定模块170以及处理模块180。其中,所述创建模块110与所述第一获取模块130连接,所述第一获取模块130与所述第二获取模块150连接,所述第二获取模块150与所述确定模块170连接,所述确定模块170与所述处理模块180连接。
所述创建模块110用于创建页面需展示的视图,所述视图包括广告位视图以及其他视图。其中,所述广告位视图用于展示广告,还可以用于实现业务需求的其他功能。所述业务需求的其他功能可以包括:多图轮播展示(即每个广告图完全或不完全占据当前广告位视图,间隔预设时间自动翻转到下一页广告图)、对每个广告图有点击事件、广告图有滤镜效果视图等。为了满足所述业务需求的交互和动效,所述广告位视图可以为由多个子控件组成的复合控件,其中,所述广告位视图包括至少一个UIImageView或者一个UIView或者一个其他可以显示图片的控件(如按钮UIButton)。
所述第一获取模块130用于获取所述广告位视图的尺寸信息以及各所述视图之间的相对位置关系。其中,获取所述广告位视图上当前待展示的原始广告图片,并获取对所述原始广告图片的图片要求信息,所述图片要求信息包括尺寸要求信息以及内容要求信息中的至少一种;再基于所述图片要求信息对所述原始广告图片进行处理得到目标广告图片。
在本申请实施例中,具体为,根据所述目标高度和所述原始高度计算得到高度的缩放比例值,根据所述目标宽度和所述原始宽度计算得到宽度的缩放比例值,再根据所述高度的缩放比例值和所述宽度的缩放比例值确定目标缩放比例值,最后基于所述目标缩放比例值对所述原始广告图片进行处理得到目标广告图片。其中,按照预设缩放比例值选择规则从所述高度的缩放比例值和所述宽度的缩放比例值中选择一个作为目标缩放比例值。
所述第二获取模块150用于获取所述广告位视图上当前待展示的目标广告图片以及对所述目标广告图片的位置要求信息。
所述确定模块170用于根据所述相对位置关系、所述尺寸信息以及所述位置要求信息,确定将所述目标广告图片展示于所述广告位视图的指定位置上时,所述目标广告图片的边缘相对于所述广告位视图的对应边缘的目标偏移方向和对应的目标偏移量。其中,从外部接收对所述目标广告图片的边缘相对于所述广告位视图的对应边缘的目标偏移方向和对应的目标偏移量;或,计算所述目标广告图片的边缘与所述广告位视图的对应边缘之间的目标偏移量和对应的目标偏移方向。
所述处理模块180用于根据所述目标偏移方向和所述目标偏移量对所述广告位视图的边框缩进属性进行设置,使得所述其他视图可根据所述目标偏移方向和所述目标偏移量调整自身的位置。其中,当根据从外部接收的所述目标偏移方向和所述目标偏移量对所述广告位视图的边框缩进属性进行设置时,当所述广告位视图用于显示图片的控件为UIImageView时,调用所述目标广告图片的withAlignmentRectInsets(:)方法,将方法的参数传入从外部接收的所述目标偏移方向和所述目标偏移量得到设置过了偏移量的目标广告图片,再将所述偏移量的目标广告图片重新赋值给UIImageView的image属性;当所述广告位视图用于显示图片的控件为UIView及其子类,直接将UIView的alignmentRectInsets属性设置为从外部接收的所述目标偏移方向和所述目标偏移量。
在本申请实施例中,根据计算的所述目标偏移方向和所述目标偏移量对所述广告位视图的边框缩进属性进行设置。
综上所述,本申请的视图控制装置中,所述创建模块110通过创建页面需展示的视图,所述视图包括广告位视图以及其他视图;所述第一获取模块130获取所述广告位视图的尺寸信息以及各所述视图之间的相对位置关系;所述第二获取模块150获取所述广告位视图上当前待展示的目标广告图片以及对所述目标广告图片的位置要求信息;所述确定模块170根据所述相对位置关系、所述尺寸信息以及所述位置要求信息,确定将所述目标广告图片展示于所述广告位视图的指定位置上时,所述目标广告图片的边缘相对于所述广告位视图的对应边缘的目标偏移方向和对应的目标偏移量;所述处理模块180根据所述目标偏移方向和所述目标偏移量对所述广告位视图的边框缩进属性进行设置,使得所述其他视图可根据所述目标偏移方向和所述目标偏移量调整自身的位置,从而解决由于根据服务器传回图片数据对广告图大小和位置进行调节会涉及对整个页面的布局进行计算调整导致工作量大的问题。
请参阅图9,其为本申请实施例公开的一种电子设备的结构示意图。本申请还提供一种电子设备10,包括处理器11、存储器12、通信接口13以及总线14,其中,所述处理器11、所述存储器12和所述通信接口13通过所述总线14连接。
所述处理器11用于读取所述存储器12中存储的指令以及计算机程序并进行执行,以实现图1所示实施例中所述的视图控制方法。
所述存储器12用于存储图1所示实施例中所述的视图控制方法的指令以及计算机程序。所述通信接口13用于实现信息交互。
所述总线14可以是外设部件互连标准(peripheral component interconnect,PCI)总线或扩展工业标准结构(extended industry standard architecture,EISA)总线等。总线可以分为地址总线、数据总线、控制总线等。为便于表示,图3中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
所述处理器11可以是中央处理器(central processing unit,CPU),网络处理器(network processor,NP),图像处理器(Graphic Processing Unit,GPU)或者CPU、NP、GPU的任一组合。还可以是硬件芯片。上述硬件芯片可以是专用集成电路(application-specific integrated circuit,ASIC),可编程逻辑器件(programmable logic device,PLD)或其组合。上述PLD可以是复杂可编程逻辑器件(complex programmable logicdevice,CPLD),现场可编程逻辑门阵列(field-programmable gate array,FPGA),通用阵列逻辑(generic array logic,GAL)或其任意组合。
本申请还提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现图1所示实施例中所述的视图控制方法。
这些计算机程序也可存储在能引导计算机或其它可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序也可装载到计算机或其它可编程数据处理设备上,使得在计算机或其它可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其它可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种视图控制方法,其特征在于,应用于终端,包括:
创建页面需展示的视图,所述视图包括广告位视图以及其他视图;
获取所述广告位视图的尺寸信息以及各所述视图之间的相对位置关系;
获取所述广告位视图上当前待展示的目标广告图片以及对所述目标广告图片的位置要求信息;
根据所述相对位置关系、所述尺寸信息以及所述位置要求信息,确定将所述目标广告图片展示于所述广告位视图的指定位置上时,所述目标广告图片的边缘相对于所述广告位视图的对应边缘的目标偏移方向和对应的目标偏移量;
根据所述目标偏移方向和所述目标偏移量对所述广告位视图的边框缩进属性进行设置,使得所述其他视图可根据所述目标偏移方向和所述目标偏移量调整自身的位置。
2.根据权利要求1所述的视图控制方法,其特征在于,所述获取所述广告位视图的尺寸信息以及各所述视图之间的相对位置关系,包括:
获取所述广告位视图上当前待展示的原始广告图片,并获取对所述原始广告图片的图片要求信息;所述图片要求信息包括尺寸要求信息以及内容要求信息中的至少一种;
基于所述图片要求信息对所述原始广告图片进行处理得到目标广告图片。
3.根据权利要求2所述的视图控制方法,其特征在于,在所述图片要求信息包括尺寸要求信息,且所述尺寸要求信息包括目标尺寸时,所述基于所述图片要求信息对所述原始广告图片进行处理得到目标广告图片,包括:
获取所述原始广告图片的原始尺寸;
根据所述目标尺寸以及所述原始尺寸确定目标缩放比例值;
基于所述目标缩放比例值对所述原始广告图片进行处理得到目标广告图片。
4.根据权利要求3所述的视图控制方法,其特征在于,所述目标尺寸包括目标高度和目标宽度,所述原始尺寸包括原始高度和原始宽度,所述根据所述目标尺寸以及所述原始尺寸确定目标缩放比例值,包括:
根据所述目标高度和所述原始高度计算得到高度的缩放比例值;
根据所述目标宽度和所述原始宽度计算得到宽度的缩放比例值;
根据所述高度的缩放比例值和所述宽度的缩放比例值确定目标缩放比例值。
5.根据权利要求4所述的视图控制方法,其特征在于,所述根据所述高度的缩放比例值和所述宽度的缩放比例值确定目标缩放比例值,包括:
按照预设缩放比例值选择规则从所述高度的缩放比例值和所述宽度的缩放比例值中选择一个作为目标缩放比例值。
6.根据权利要求1所述的视图控制方法,其特征在于,所述确定将所述目标广告图片展示于所述广告位视图的指定位置上时,所述目标广告图片的边缘相对于所述广告位视图的对应边缘的目标偏移方向和对应的目标偏移量,包括:
从外部接收对所述目标广告图片的边缘相对于所述广告位视图的对应边缘的目标偏移方向和对应的目标偏移量。
7.根据权利要求1所述的视图控制方法,其特征在于,所述确定将所述目标广告图片展示于所述广告位视图的指定位置上时,所述目标广告图片的边缘相对于所述广告位视图的对应边缘的目标偏移方向和对应的目标偏移量,还包括:
计算所述目标广告图片的边缘与所述广告位视图的对应边缘之间的目标偏移量和对应的目标偏移方向。
8.一种视图控制装置,其特征在于,所述视图控制装置包括:创建模块、第一获取模块、第二获取模块、确定模块以及处理模块,其中,
所述创建模块,用于创建页面需展示的视图,所述视图包括广告位视图以及其他视图;
所述第一获取模块,用于获取所述广告位视图的尺寸信息以及各所述视图之间的相对位置关系;
所述第二获取模块,用于获取所述广告位视图上当前待展示的目标广告图片以及对所述目标广告图片的位置要求信息;
所述确定模块,用于根据所述相对位置关系、所述尺寸信息以及所述位置要求信息,确定将所述目标广告图片展示于所述广告位视图的指定位置上时,所述目标广告图片的边缘相对于所述广告位视图的对应边缘的目标偏移方向和对应的目标偏移量;
所述处理模块,用于根据所述目标偏移方向和所述目标偏移量对所述广告位视图的边框缩进属性进行设置,使得所述其他视图可根据所述目标偏移方向和所述目标偏移量调整自身的位置。
9.一种电子设备,其特征在于,包括处理器、存储器、通信接口以及总线,其中,所述处理器、所述存储器和所述通信接口通过所述总线连接,所述存储器用于存储如权利要求1至7中任一项所述的视图控制方法的指令以及计算机程序,所述处理器用于读取所述存储器中存储的指令以及计算机程序并进行执行,以实现如权利要求1至7中任一项所述的视图控制方法,所述通信接口用于实现信息交互。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至7中任一项所述的视图控制方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310463884.3A CN116661919A (zh) | 2023-04-26 | 2023-04-26 | 视图控制方法、装置、电子设备及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310463884.3A CN116661919A (zh) | 2023-04-26 | 2023-04-26 | 视图控制方法、装置、电子设备及计算机可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116661919A true CN116661919A (zh) | 2023-08-29 |
Family
ID=87708785
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310463884.3A Pending CN116661919A (zh) | 2023-04-26 | 2023-04-26 | 视图控制方法、装置、电子设备及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116661919A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117950787A (zh) * | 2024-03-22 | 2024-04-30 | 成都赛力斯科技有限公司 | 广告展示方法、装置、电子设备及存储介质 |
-
2023
- 2023-04-26 CN CN202310463884.3A patent/CN116661919A/zh active Pending
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117950787A (zh) * | 2024-03-22 | 2024-04-30 | 成都赛力斯科技有限公司 | 广告展示方法、装置、电子设备及存储介质 |
CN117950787B (zh) * | 2024-03-22 | 2024-05-31 | 成都赛力斯科技有限公司 | 广告展示方法、装置、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US7009611B2 (en) | Generating three dimensional text | |
US7884825B2 (en) | Drawing method, image generating device, and electronic information apparatus | |
EP4002281A1 (en) | Layer composition method and apparatus, electronic device, and storage medium | |
CN108573515B (zh) | 一种合图生成方法及装置、合图模板生成方法及装置 | |
CN116661919A (zh) | 视图控制方法、装置、电子设备及计算机可读存储介质 | |
CN115439609B (zh) | 基于地图服务的三维模型渲染方法、系统、设备及介质 | |
CN114527980A (zh) | 一种显示渲染方法、装置、电子设备和可读存储介质 | |
CN112907496A (zh) | 一种图像融合方法以及装置 | |
US11645793B2 (en) | Curve antialiasing based on curve-pixel intersection | |
CN115237522A (zh) | 页面自适应展示方法及装置 | |
CN111091497A (zh) | 一种地图的矢量线面抽稀方法、智能终端及储存介质 | |
US7616200B1 (en) | System for reducing aliasing on a display device | |
CN110019589B (zh) | 电子地图显示方法及装置 | |
CN114693893B (zh) | 数据的处理方法、装置、电子设备及存储介质 | |
CN110825989A (zh) | 图片展示方法、装置、电子设备及可读介质 | |
US12026809B2 (en) | Systems for generating anti-aliased vector objects | |
US20100171760A1 (en) | Method and apparatus for presenting overlay images | |
CN114627225A (zh) | 图形渲染方法、装置及存储介质 | |
CN116627372B (zh) | Pnl物料对齐预览显示方法、装置、设备及存储介质 | |
CN111654737B (zh) | 节目同步管理方法和装置 | |
CN113763860A (zh) | 显示颜色确定方法、装置、电子设备和存储介质 | |
US20240127525A1 (en) | Method and system for processing graphics in tile-based rendering mode | |
CN115455320A (zh) | 一种交叉表渲染方法及装置、存储介质 | |
CN116501215A (zh) | 时间线滚动列表的渲染方法及装置 | |
CN118314233A (zh) | 图形处理方法、装置、计算机设备和存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20240118 Address after: No. 13 Xingxiang Road, Zengjia Town, High tech Zone, Jiulongpo District, Chongqing, 400039 Applicant after: Chongqing Selis Phoenix Intelligent Innovation Technology Co.,Ltd. Address before: 610095 No. 2901, floor 29, unit 1, building 1, No. 151, Tianfu Second Street, high tech Zone, China (Sichuan) pilot Free Trade Zone, Chengdu, Sichuan Province Applicant before: Chengdu Thalys Technology Co.,Ltd. |
|
TA01 | Transfer of patent application right |