一种焦点元素的显示方法、装置及电子设备制造方法及图纸
【技术实现步骤摘要】
一种焦点元素的显示方法、装置及电子设备
本专利技术涉及数字电视
，更具体的说，涉及一种焦点元素的显示方法、装置及电子设备。
技术介绍
随着数字电视技术的不断发展，越来越多的用户通过观看电视的方式来放松心情。当用户通过遥控器选择到一个焦点元素，如选中新闻栏目时，被选中的焦点元素就会带有圆角和阴影效果，以使用户能够更加直观的看到哪个目标被选中。其中，圆角和阴影效果是指被选中的焦点元素的外围有一个四角为圆形角的矩形，矩形的周围有透明度由内向外逐渐变大的阴影。目前，实现圆角和阴影效果是通过万维网的核心语言HTML5技术和层叠样式表CSS3技术实现的，具体实现过程为通过HTML5技术和CSS3技术设置元素块，并向元素块的边框添加一个或者多个阴影边框。但是，部分机顶盒硬件配置较低，不能支持HTML5技术，此时，就无法实现被选中的焦点元素的圆角和阴影效果。
技术实现思路
有鉴于此，本专利技术提供一种焦点元素的显示方法、装置及电子设备，以解决部分机顶盒硬件配置较低，不能支持HTML5技术，进而无法实现被选中的焦点元素的圆角和阴影效果的问题。为解决上述技术问题，本专利技术采用了如...
【技术保护点】
一种焦点元素的显示方法，其特征在于，包括：获取被选中的焦点元素和焦点元素框模板；其中，所述焦点元素框模板为具有圆角和阴影效果的焦点元素框模板；根据所述焦点元素的长度和宽度，调整所述焦点元素框模板的长度和宽度，得到焦点元素框；将所述焦点元素框与所述焦点元素进行组合，得到具有圆角和阴影效果的焦点元素显示图。
【技术特征摘要】
1.一种焦点元素的显示方法，其特征在于，包括：获取被选中的焦点元素和焦点元素框模板；其中，所述焦点元素框模板为具有圆角和阴影效果的焦点元素框模板；根据所述焦点元素的长度和宽度，调整所述焦点元素框模板的长度和宽度，得到焦点元素框；将所述焦点元素框与所述焦点元素进行组合，得到具有圆角和阴影效果的焦点元素显示图。2.根据权利要求1所述的显示方法，其特征在于，所述焦点元素框模板的生成过程包括：获取第一图像；其中，所述第一图像为具有圆角和阴影效果的图像；根据所述第一图像中的圆角区域边界，将所述第一图像按照九宫格排版方式切分成九个子图像；将包含小圆角区域的四个子图像间的包含长方形的四个子图像进行切片，得到每个包含长方形的子图像的最小切片；其中，小圆角区域为将所述第一图像切分得到的包含圆角的区域；将包含小圆角区域的四个子图像以及每个包含长方形的子图像的最小切片进行组合，得到第二图像；创建工作台table表格；其中，所述table表格为具有三行三列的表格；将所述第二图像中的包含小圆角区域的四个子图像、每个包含长方形的子图像的最小切片按照位置关系添加到所述table表格中的外围的八个表格中；将所述table表格中添加有包含小圆角区域的子图像的表格的尺寸设置为预设数值；将所述table表格中添加有包含长方形的子图像的最小切片的表格的尺寸设置为自动；创建块形状元素DIV容器，并将所述table表格嵌套在所述DIV容器中，得到所述焦点元素框模板；其中，所述table表格的属性为跟随所述DIV容器的尺寸变化而变化。3.根据权利要求2所述的显示方法，其特征在于，根据所述焦点元素的长度和宽度，调整所述焦点元素框模板的长度和宽度，得到焦点元素框，包括：根据所述焦点元素的长度，将所述焦点元素框模板中两个包含横向的长方形的子图像的最小切片进行多次平铺，得到包含的四角为圆形角的矩形的长度与所述焦点元素的长度相同的焦点框；根据所述焦点元素的宽度，将所述焦点框中两个包含纵向的长方形的子图像的最小切片进行多次平铺，得到包含的四角为圆形角的矩形的宽度与所述焦点元素的宽度相同的焦点元素框。4.根据权利要求1所述的显示方法，其特征在于，将所述焦点元素框与所述焦点元素进行组合，得到具有圆角和阴影效果的焦点元素显示图，包括：将所述焦点元素框与所述焦点元素，按照位置关系进行组合，得到所述焦点元素显示图。5.一种焦点元素的显示装置，其特征在于，包括：第一获取单元，用于获取被选中的焦点元素和焦点元素框模板；其中，所述焦点元素框模板为具有圆角和阴...
【专利技术属性】
技术研发人员：徐佳宏，王志宾，陈恋，
申请(专利权)人：深圳市茁壮网络股份有限公司，
类型：发明
国别省市：广东,44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。