在页面中显示图片的方法、装置、设备及可读存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN114185473A(43)申请公布日2022.03.15(21)申请号202111548299.0(22)申请日2021.12.17(71)申请人平安壹钱包电子商务有限公司地址518033广东省深圳市福田区福田街道福华路319号兆邦基金融大厦26层2606单元(72)发明人李冲(74)专利代理机构北京英特普罗知识产权代理有限公司11015代理人邵煜程(51)Int.Cl.G06F3/04845(2022.01)G06F3/0485(2022.01)G06F9/451(2018.01)G06F16/957(2019.01)权利要求书2页说明书10页附图2页(54)发明名称在页面中显示图片的方法、装置、设备及可读存储介质(57)摘要本发明公开了一种在页面中显示图片的方法、装置、设备及可读存储介质，该方法包括：获取用于显示在目标页面上的所有图片；分别为每个所述图片创建对应的图片容器，并分别将每个图片显示在对应的所述图片容器中；创建相册容器，并将所有所述图片容器横向排列在所述相册容器中；创建用于显示在所述目标页面上的滚动容器，并将所述相册容器中各个所述图片容器按照横向滚动方式依次显示在所述滚动容器中；本发明可以利用目标页面上创建的滚动容器、相册容器和图片容器，对多张图片以滚动形式进行显示，起到了更高效的图片显示效果，同时，根据目标图片容器上的点击点确定对目标图片的点击操作，并根据点击操作对目标图片更便捷的进行图片样式的修改。CN114185473ACN114185473A权利要求书1/2页1.一种在页面中显示图片的方法，其特征在于，所述方法包括：获取用于显示在目标页面上的所有图片；分别为每个所述图片创建对应的图片容器，并分别将每个所述图片显示在对应的所述图片容器中；创建相册容器，并将所有所述图片容器横向排列在所述相册容器中；创建用于显示在所述目标页面上的滚动容器，并将所述相册容器中各个所述图片容器按照横向滚动方式依次显示在所述滚动容器中。2.根据权利要求1所述的在页面中显示图片的方法，其特征在于，在所述创建用于显示在所述目标页面上的滚动容器之后，所述方法还包括：获取用于显示所述目标页面的终端的屏幕宽度和屏幕高度；将每个所述图片容器的宽度均设置为所述屏幕宽度，并将每个所述图片容器的高度均设置为所述屏幕高度；将所有图片容器的宽度的总和设置为所述相册容器的宽度，并将所述屏幕高度设置为所述相册容器的高度；将所述滚动容器的高度设置为所述屏幕高度，将所述滚动容器的宽度设置为所述屏幕宽度，并为所述滚动容器设置一个隐藏的横向滚动条以用于横向滚动所述相册容器。3.根据权利要求1所述的在页面中显示图片的方法，其特征在于，在所述将所述相册容器中各个所述图片容器按照横向滚动方式依次显示在所述滚动容器中之后，所述方法还包括：当通过所述滚动容器将所述相册容器中目标图片容器所对应的目标图片显示在所述目标页面上时，通过所述目标图片容器实时获取用户在所述目标图片上触发的点击操作；根据所述点击操作，将所述目标图片在所述目标图片容器内移动，或者，将在所述相册容器中与所述目标图片容器相邻的图片容器显示在所述滚动容器中，或者，将所述目标图片在所述目标图片容器内进行缩放处理。4.根据权利要求3所述的在页面中显示图片的方法，其特征在于，所述根据所述点击操作，将所述目标图片在所述目标图片容器内移动，或者，将在所述相册容器中与所述目标图片容器相邻的图片容器显示在所述滚动容器中，或者，将所述目标图片在所述目标图片容器内进行缩放处理，具体包括：获取所述点击操作对应的点击点的个数；当所述点击点的个数为1且所述点击点存在移动操作时，获取所述点击点的起始位置的横坐标和终止位置的横坐标，计算所述起始位置的横坐标与所述终止位置的横坐标的横向差值，并判断所述横向差值是否小于预设阈值，若是，则根据所述点击操作将所述目标图片在所述目标图片容器内移动，若否，则根据所述点击操作将在所述相册容器中与所述目标图片容器相邻的图片容器显示在所述滚动容器中；当所述点击点的个数为2且所述点击点存在移动操作时，根据所述点击操作将所述目标图片在所述目标图片容器内进行缩放处理。5.根据权利要求4所述的在页面中显示图片的方法，其特征在于，当所述点击点的个数为1、所述点击点存在移动操作且所述横向差值小于所述预设阈值时，所述根据所述点击操作将所述目标图片在所述目标图片容器内移动，具体包括：2CN114185473A权利要求书2/2页获取所述点击点的起始位置的坐标和终止位置的坐标；计算所述起始位置的横坐标与所述终止位置的横坐标的横向差值，并计算所述起始位置的纵坐标与所述终止位置的纵坐标的纵向差值；按照预设比例值，将所述横向差值转换为横向移动值，并将所述纵