Webview妙用（实现源生复杂UI页面）

最新推荐文章于 2024-04-21 10:50:32 发布
最新推荐文章于 2024-04-21 10:50:32 发布
阅读量1.3k 收藏
点赞数 1
分类专栏： WebView与Android交互 文章标签： android webview ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/malus3/article/details/52836625
版权

前几天，前同事找到我，具体是让我帮忙，实现一个类似答题的UI页面（这哥们又接外包了－－！）。

1、具体功能如图：



2、做为一个android程序员，首先自然想到是在android上如何实现。捋了一下官方给出的所有控件，并没有能解决该UI界面的方法，于是，只能自定义view了。


3、首先思路是创建自定义view，然后用textPaint绘制文字及下划线。用onTouch判断位置，设置点击事件。思路很清晰，做下去后发现，存在两个问题。

  • textPaint无法绘制出下划线。（原因未明）
  • 点击事件该如何设置。

4、无法绘制下划线的问题

最低0.47元/天 解锁文章
Shawn锋
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
AndroidHybridLib:JSBridge提供了Hybrid同步和异步调用。 实现WebView复用池，减少WebView初始化消耗的时间。 引入Context中间层，防止Activity内存泄漏。 集成腾讯x5内核，crash率低于0.06%，X5内核基于统一Blink内核，无缝隐藏系统差异，在所有Android手机平台表现一致
04-28
AndroidHybridLib JSBridge提供了Hybrid同步和异步调用。 实现WebView复用池，减少WebView初始化消耗的时间。 引入Context中间层，防止Activity内存泄漏。 集成腾讯x5内核，crash率低于0.06%，X5内核基于统一Blink内核，无缝隐藏系统差异，在所有Android手机平台表现一致。 gradle Add it in your root build.gradle at the end of repositories: allprojects { repositories { ... maven { url 'https://jitpack.io' } } } Add the dependency dependencies { compile 'com.github.snailycy:And
[HTML5]将WebView的视频绘制在Canvas上
chindy的专栏
02-14 1097
想做这样一个技术流程：将视频用WebView播放，然后渲染到Canvas上；通过Java的SurfaceView去得到textureid；然后提供给Unity使用。如何把WebView的视频渲染到Canvas上呢，这里提供了一个h5的代码：<!DOCTYPE html> <html> <head> <script type="text/javascript...
VB开发安卓程序_例程15控件WebView的使用
最新发布
VB开发安卓程序
04-21 126
WebView控件就是一个WEB控件，用来访问和显示网页的。menu.html内容如下。Main窗体代码如下。
WebView页面嵌入原生控件
同中书门下平章事jaren的博客
03-28 3213
诉求：在WebView加载的web页面特定位置展示原生控件的内容,并跟随web元素滑动。 实现思路： html文档流中插入占位元素初始高度为0. 当页面加载完成后获取元素的位置，把原生控件移动到此位置. 设置占位元素高度为原生控件的高度. 效果： 黄色背景为TextView，其他为html内容 html中插入占位元素 其中id为的advertisement元素 为需要插入原生控件的的位置....
Android WebView基本使用（一）（概述、显示、常用方法）
YGinger的博客
03-10 569
概述 采用渲染引擎(WebKit)来展示view的内容，提供网页前进后退、网页放大、缩小、搜索等功能。 高低版本采用不同的WebKit版本内核。 AndroidManifest添加访问网络的权限 <manifest ... > <uses-permission android:name="android.permission.INTERNET" /> ...
android定位webview元素,appium— Android定位webView里面的UI元素
weixin_30678145的博客
05-26 517
Android SDK中的UIAutomator中本身是不支持网页中的UI元素定位，下面介绍几种常用的定位app内部的网页的UI元素的方法。一、使用chrome浏览器调试移动端网页这是使用最多的一种方法。首页确保自己的手机已经跟电脑连接且处于开发者模式。打开PC端的谷歌浏览器，输入chrome://inspect/#devices，会看到下图所示界面： 点击需要测试的网页下方的inspect，且保...
WebView实现引导页面.zip
04-12
本教程将详细讲解如何利用WebView来实现一个引导页面，为用户提供更好的使用体验。 首先，我们要理解WebView的基本概念。WebView是Android系统提供的一种组件，它能够加载和显示HTML、CSS和JavaScript等内容，相当...
SwiftUI中的 WebView
02-27
在SwiftUI中使用WebView，可以实现与网页交互，展示动态内容，或者加载自定义的HTML页面。 ### SwiftUI WebView基本使用 SwiftUI的WebView通常通过第三方库来实现，因为SwiftUI本身并未内置这个组件。一个常用的第...
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
10-16
1. **H5页面下单**：在Webview内的H5页面中实现商品下单功能，点击支付按钮时，获取订单号（例如使用当前时间戳作为临时订单号）和订单总金额。 2. **跳转至小程序**：当用户点击支付按钮时，H5页面触发跳转至小程序...
SwiftUI-WebView:一个使用WKWebView的SwiftUI组件
05-27
您可以先设置它，然后再在SwiftUI视图中使用它的数据。 只需启动一个WebViewStore （可选地使用您自己的WKWebView ），然后使用它来访问WKWebView本身，就好像它是数据模型一样。 用法示例： import SwiftUI ...
Android中替换WebView加载网页失败时的页面
08-31
本文将详细介绍如何在Android中替换WebView加载网页失败时的默认页面，实现自定义错误提示页面。 首先，我们需要创建一个新的布局文件，用于存放自定义的错误页面。这个布局可以包含任何希望展示给用户的元素，比如...
android WebView控件的使用
12-30
android WebView的使用，让你快速的学会WebView
关于webview的设置（滚动条、自适应屏幕、缩放按钮）
热门推荐
林静月下的博客
08-29 1万+
（一）去掉滚动条
Android开发学习笔记：浅谈WebView
weixin_33966095的博客
08-24 195
WebView(网络视图)能加载显示网页，可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页，实现WebView有以下两种不同的方法： 第一种方法的步骤： 1.在要Activity中实例化WebView组件：WebView webView = new WebView(this); 2.调用WebView的loadUrl()方法，设置WevView要...
Android WebView最佳优化（WebView池）
Kelly
06-26 4189
前言 说到优化是个老生常谈的话题了，如内存泄露这种，只要遵循一定的编码规则，大部分能避免。本文说下WebView优化，如何大幅提高WebView加载速度。一种可以从设置缓存下手，另一种使用WebView池。本文采用第二种方法，基于X5 WebView优化，这种效果非常明显，给人丝滑般流畅。网上的WebView池方案基本没有考虑视图缓存问题，即复用WebView时，加载新页面，存在历史浏览页面问题。 优化 国际规则，先上代码： ...
Android WebView性能分析与优化
矢的飞跃的专栏
07-27 5009
一、简介 一提到App内的WebView加载网页，大家的第一印象就是：慢、耗流量、体验比原生差。但WebView加载网页也有其天生的优势：动态，跨平台，开发周期短。 那能如何解决WebView加载网页慢和体验差的问题呢？可以思考下面两个问题： 从打开浏览器到网页完全展示都发生了什么？ 如何给WebView加载网页提速？ 二、整体思维导图 三、衡量标准 快慢是一个相对量，如何衡量WebView的快慢呢？ 3.1 用户体验的时间尺度 从用户角度来看，如下图是2018年份百度移动端的统计数据： 2018年
android webview复用池
72的博客
04-07 1406
仅作记录 参考链接https://blog.csdn.net/zgx19910405/article/details/87623697https://www.jianshu.com/p/3405ef3a4632 public class WebViewPool { private WebViewPool() { } private static final int CACHED_WEBVIEW_MAX_NUM = 2; private static final Sta
完美的WebView UI
zcn596785154的博客
10-03 1405
原始文章：https://developer.chrome.com/multidevice/webview/pixelperfect您可以使用许多选项来创建完美的UI，本文将概述一般移动网络的一些最佳做法，然后介绍可用于混合应用程序的一些具体技巧。Viewportviewport meta标签是最重要的标记你需要添加到您的web应用程序。没有它,WebView可能认为你的网站是专为桌面浏览器。这将导
UIWebView UIWKWebView的使用心得
onlychengzhi的博客
04-21 1654
UIWebView IOS7  使用的是UIWebView 在代理方法中 - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType； 作用就是准备加载
swiftui如何使用webview的页面跳转
06-03
在SwiftUI中，您可以使用WebView来加载网页。如果您需要在WebView中加载一个网页并实现页面跳转，可以通过使用WebView的导航功能来实现。...这样就可以在SwiftUI中使用WebView来加载网页并实现页面跳转了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值