android 加载大长图,android加载长图片的方法
1.很多应用都有加载一张长图片,用户可以上下拉动图片。
自己没有好的想法,那只好百度咯。结果都说用webview来实现,好吧那就只好先试一下了。
2.自己写了简单的html,然后webview加载。图片可以成功显示,但是因为图片太大了,webview需要左右上下拉动才能看到完整的图。
好吧,html应该也可以适配手机的宽度吧。奈何不会html啊,那只好再求助度娘了。找到一个css文件,可以用来做html的适配,好了,就用他了。
3,代码
css文件内容:
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul { margin: 0; padding: 0}body { min-width: 320px; font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif; color: #333; -webkit-text-size-adjust: none}fieldset,img { border: 0}ol,ul { list-style: none}address,em { font-style: normal}a { color: #000; text-decoration: none}table { border-collapse: collapse}#clear { clear: both; width: 100%; background-color: #fff}#clear: after { display: block; clear: both; height: 1px; content: ''}img, fieldset { border: 0;}img { height: auto; width: auto\9; width:100%;}.content-step ul li .red{ color:#e5362b; background:none; width:inherit; vertical-align:inherit}* { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box}.doc { padding:10px; margin: 0 auto;}.doc h1 {font-size:16px;color:#333;padding:10px 0;font-weight:500;} .shop-title {padding:10px 0;} .author {padding:10px 0;font-size:12px;} .author span {color:#333;} .author a {color:#2B8CB2;} .content {padding:20px 0;} .f-bold {background-color:#CCC5C0;color:#E5362B;padding:5px;line-height:24px;font-size:14px;} .content p {line-height:24px;padding:10px 0;text-indent:2em; font-size:14px;} .content-time {padding:20px 0;color:#000;font-weight:500;line-height:40px;} .content-time span {color:#000;} .content-time em {color:#E5362B;} .content-step {} .content-step ul {padding:20px 0;} .content-step ul li {line-height:30px;color:#5D5D5D; font-size:14px; padding-top:0} .content-step ul li .icon{ display:inline-block; background:url(../images/icon.jpg) no-repeat scroll; width:20px; height:20px; background-size:20px 20px; vertical-align:middle; margin-right:8px;} .shop-list {} .shop-list li {text-align:center;padding:20px 0;} .shop-list li p {text-align:left;color:#7A7878; text-indent:2em;} .shop-list li img {margin:0 auto;} .content-contact {color:#F15050;padding:20px 10px;line-height:30px;text-indent:2em;} .cmbc-qrcode {text-align:center;padding:20px 0;} .down-cmbc {text-align:center;display:block;margin:0 auto;} .down-cmbc img {margin:0 auto;} /*@media screen and (min-width: 480px) { .doc { font-size: 21px}}@media screen and (min-width: 640px) { .doc { font-size: 28px}}*/.list li{display:-moz-box; display:-webkit-box; display:box;}.list li p{ width:90%}.last{ text-align:right ; font-size:12px; color:#bdbdbd; padding-right:20px; margin-bottom:10px;}
这一大串,也不知道是是没意思,先用着吧。
接着就是html了:
html就简单多了,增加css和图片的引用就ok了。
注:html,css,图片等文件,在这个demo中都是放在assert中的。
4.这样用那不是只能引用本地的长图了?需要显示的长图片是从服务端请求过来的呢?
这个还没有尝试过,不知道能不能去修改html里图片的引用。
5,之后同事提醒可以试一下手势缩放图片的控件。这个东西找到一个第三方开源的项目
有需要了再试一下吧。
android 加载大长图,android加载长图片的方法相关推荐
- Android加载长图,仿微博长图滚动查看
/** * Created by sunrui on 2017/3/8. * 加载长图片 * 解决步骤 * 1.将图片缩放到与控件等宽 * 2.判断缩放后的图片高度,如果高度大于控件高度较多(这里设置 ...
- 怎么将PPT转换成一个长图,PPT转长图教程
ppt是我们经常用到的一种文档格式,有时候我们需要将ppt成JPG和png格式的长图,那么大家知道怎么样才能将ppt转JPG和png格式的长图呢?其实步骤很简单,无需下载任何转换软件,在线即可轻松转换 ...
- Flutter长图显示,自定义显示图片的指定区域
需求 话不多说,直切正题!我们经常会遇到一个需求,在在一个定高的卡片中显示长图,如下图所示. 假如我们要显示这个长图.如果不考虑自定义显示长图的区域,这个很好实现,没什么可说的. Container( ...
- mysql 懒加载数据_jpa如何懒加载大字段,懒加载之后又如何获取懒加载字段
前言:对于大字段,我们在查询列表的时候不需要查询,但是修改的时候有需要展示大字段内容,怎么办 问1.jpa如何懒加载大字段?即查询列表的时候不查询出来 问2.懒加载之后又如何获取懒加载字段.比如,在后 ...
- android 照片拼接长图_长图拼接app下载 长图拼接制作 for Android v2.6.1 安卓版 下载-脚本之家...
长图拼接制作app是一款操作很方便的长截图拼接软件.长图拼接app能够支持对截图进行裁剪和编辑,长图拼接制作app还有多种拼接模板和框架供大家选择,有需要的用户赶快下载体验吧! 软件介绍 长图拼接制作 ...
- android textview点击部分,Android开发第二大控件,EditText的属性和使用方法
EditText与TextView非常相似,它甚至与TextView 共用了绝大部分XML属性和方法.EditText与TextView的最大区别在于:EditText可以接受用户输入. 一.Edit ...
- android 新浪财经截屏分享,[图]Android 12截图曝光:启用全新UI 增强隐私保护功能...
原标题:[图]Android 12截图曝光:启用全新UI 增强隐私保护功能 来源:cnBeta.COM Android 12 有望在今年秋季上线,相关的开发者预览版和 Beta 版本有望在本月晚些时候 ...
- 用于android天气开发的背景图,Android开发天气预报APP的设计与实现毕业设计.pdf
摘要 随着移动互联网技术和通信技术的发展,智能手机几乎成为人们 生活的必需品.近年来,Android系统已经成为智能手机中用户量最 多的操作系统.通过Android程序开发和设计天气预报手机应用,可 ...
- ih5长图如何滑动_长图怎么一键截取?这样做很简单
不管工作还是日常交流中,往往需要用到截图来进行更加详细的描述,甚至有时需用截取多张截图.截图这种常规操作,这里就不多说了,今天要分享的是如何截取长图,例如下面这个样子! ↑↓上下滑动试试 下面跟大家分 ...
最新文章
- 键盘输入_键盘输入技巧
- 正则表达式如何匹配正反斜杠
- leetcode 17. 电话号码的字母组合 思考分析
- Oracle不连续的值,如何实现查找上一条、下一条
- mvc:annotation-driven 注解的作用
- [转]JavaScript事件(Event)
- Enterprise Library v3 初步开发计划
- sql server实用工具sql prompt的安装与注册
- golang | 使用goroutine和channel实现一个计算int64随机数各位数和的程序。
- 清华、北大联合调研995家中小企业,如何穿越3个月的生死火线
- jt808终端鉴权_北斗终端设备通信协议(JT/T808)
- 中外大都市人口密度的数据比较
- 父爱动画代码python_python表白实现代码(可视化与动画版)
- java bidi_java11教程--类Bidi用法
- 腾讯、美团通报反腐情况;马斯克回应:涨价也没人补差价;滴滴出行恢复新用户注册 | EA周报...
- Python实现三维数据(x, y, z)的索引——即通过(x, y)的值索引z的值
- 多御浏览器新出的手机版本有什么功能?
- 使用开源软件Prometheus监控企业内部应用
- git branch分支创建、切换、合并,git tag标签
- 经济学计算机会成本 会计成本的案例题,案例4:利润在经济学家与会计师眼中的是不同的...
热门文章
- MySQL主从延时这么长,怎么优化?
- 从读写角度,带你了解数仓的IO基本框架
- 论文解读:ACL2021 NER | 基于模板的BART命名实体识别
- 深度对比Apache CarbonData、Hudi和Open Delta三大开源数据湖方案
- 【万字长文】探讨可信构架之道
- 华为云推出新冠肺炎AI辅助诊断服务,CT量化结果秒级输出
- Web安全-之文件上传漏洞场景
- 【技术角度看问题之一】ARM到底是个啥?
- java mongodb 多文档_如何通过Java在MongoDB中一次性插入多个文档
- C语言答案杨崇艳,贯彻落实科学发展观,走新型工业化道路的要求是()。A.科技含量高B.经济效益好...