A. android中怎么将图片铺满半个屏幕!就像图片上边上的白色边框都没有!
不知道你的XML代码是什么,可以贴出来看看更好说。
不过就这样看来,有两种可能:
1、ImageView本身设置了Margin,所以和周围会有间隔
2、父布局设置了Padding
如果不想有间隔,找找在哪里设置了以上两种属性,设置为0即可。
B. android图片显示的几种办法
方法1:TextView显示
java"><TextView
android:id="@+id/textview_01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/ic_launcher"
android:text="hello_world"/>
第二种方式:显示项目中的图片
mTextView02=(TextView)findViewById(R.id.textview_02);
//把图片生成的ID加入img标签中<imgsrc='123'>
StringhtmlFor02="项目图片测试:"+"<imgsrc='"+R.drawable.ic_launcher+"'>"+"<imgsrc='"
+R.drawable.apple+"'>";
mTextView02.setText(Html.fromHtml(htmlFor02,newHtml.ImageGetter(){
@Override
publicDrawablegetDrawable(Stringsource){
Log.d(TAG,"项目图片测试_source:"+source);
intid=Integer.parseInt(source);
Drawabledrawable=getResources().getDrawable(id,null);
drawable.setBounds(0,0,drawable.getIntrinsicWidth(),
drawable.getIntrinsicHeight());
returndrawable;
}
},null));
C. 图文讲解Android ImageView的ScaleType,帮你彻底搞明白
一般来说,要把一张图片显示在ImageView上,有下面几个问题需要考虑:
在真实的产品环境中,一个ImageView的大小往往都是有限制的,至少长或宽有一条边是有限制的,所以,在ImageView上显示图片还需要考虑:
第二个问题,还可以细化成:
怎么样,简单的一个显示图片操作,就有这么多细节需要考虑。下面的章节,我们就抓住上面几点,通过实际的例子帮你理解ScaleType的各个属性值。
首先看下实际效果:
一句话总结FIT_XY:就是以不按原比例伸缩为代价,强制让图片充满ImageView ,同时图片所有的部分也会完整显示出来(虽然可能变形)。但是,因为其不按原比例伸缩的特点,真实的产品中不太常用,因为图片被拉伸变形往往是不可以接受的。(上面例子中的美女已经被拉伸的不成样子了)
还是先看下例子:
这个属性值的名称虽然是CENTER,但是和一般意义上的“居中”有很大不同。 这个属性值即不会保证填满ImageView,也不保证图片会完整显示。 当实际图片比ImageView小的时候,就是“居中显示”。当图片比ImageView大,就把图片中间的部分显示在ImageView里,其他的裁剪掉不显示。(上面第二组图尤其明显)
先看例子:
FIT_CENTER更接近于大家理解的“居中显示”,也是平时用的最多的一个值。 首先,这个属性会保证图片完整显示,不管图片和ImageView的大小关系。而且伸缩的时候是按照比例做的,所以图片质量也可以得到保证。 唯一的问题是,FIT_CENTER不保证会填满ImageView。对于大多数场景,这个也足够了。
FIT_START,FIT_END和FIT_CENTER差不多,就不详细介绍了。
先看例子:
CENTER_CROP,是个非常重要的值,但是很多同学对它并不是很了解。首先,这个属性值的名字很奇怪,很难猜出来其真实的含义;其次,它的官方介绍简直又臭又长,让人一头雾水:
其实,CENTER_CROP的特点总结起来很简单: 以可能裁切掉部分图片为代价,让图片充满ImageView。
可以和FIT_XY做下对比, CENTER_CROP和FIT_XY是唯二的可以保证填满ImageView的值 。所不同的是,FIT_XY是以不保持原始比例伸缩为代价(但是保证原图全部显示出来);而CENTER_CROP是以不能显示完整原图为代价(但是保证原图的原始比例)。
二者都会按原始比例伸缩图片,所不同的是, CENTER_CROP将图片伸缩到填满ImageView为止,FIT_CENTER伸缩到图片完整并居中显示为止。
下面两个动图可以让你看得更清楚:
先看例子:
CENTER_INSIDE又是一个奇怪的值,原文的解释也是让人看不懂:
其实总结起来很简单: 当原图大于ImageView的时候,相当于FIT_CENTER。当原图小于等于ImageView的时候,相当于CENTER。
看下例子
MATRIX的效果比较简单: 不改变原图的大小,从ImageView的左上角开始绘制,超出部分做剪切处理。 不保证填满ImageView,也不保证图片完全显示。和CENTER有点类似。反正我在项目中是没有用过这个值。
下面的表格总结了下各个属性值的特点,注意,表格中为“是”并不是说一定会发生,只是说明有这种可能。
最后再给大家出一道思考题,看看大家的掌握情况:
相信通过学习本文章,聪明的你很快就能找到答案。
D. Android中ImnageView 中如何让图片拉伸显示
通过设置android:scaleType="fitXY"使得图片拉伸显示。
补充:
scaleType的属性有matrix(默认)、center、centerCrop、centerInside、fitCenter、fitEnd、fitStart、fitXY。
android:scaleType="center"
保持原图的大小,显示在ImageView的中心。当原图的size大于ImageView的size,超过部分裁剪处理。
android:scaleType="centerCrop"
以填满整个ImageView为目的,将原图的中心对准ImageView的中心,等比例放大原图,直到填满ImageView为止(指的是ImageView的宽和高都要填满),原图超过ImageView的部分作裁剪处理。
android:scaleType="centerInside"
以原图完全显示为目的,将图片的内容完整居中显示,通过按比例缩小原图的size宽(高)等于或小于ImageView的宽(高)。如果原图的size本身就小于ImageView的size,则原图的size不作任何处理,居中显示在ImageView。
android:scaleType="matrix"
不改变原图的大小,从ImageView的左上角开始绘制原图,原图超过ImageView的部分作裁剪处理。
android:scaleType="fitCenter"
把原图按比例扩大或缩小到ImageView的ImageView的高度,居中显示
android:scaleType="fitEnd"
把原图按比例扩大(缩小)到ImageView的高度,显示在ImageView的下部分位置
android:scaleType="fitStart"
把原图按比例扩大(缩小)到ImageView的高度,显示在ImageView的上部分位置
android:scaleType="fitXY"
把原图按照指定的大小在View中显示,拉伸显示图片,不保持原比例,填满ImageView.
E. android SpannableString图片显示不全
试试:ImageSpan.ALIGN_BOTTOM
ImageSpan span = new ImageSpan( bitmap, ImageSpan.ALIGN_BOTTOM);
F. Android镄.9锲惧埗浣
鍏堟潵璁よ瘑涓涓嬬晫闱锛屽苟鍙浠ョ湅鍒颁笉绠℃槸妯绾靛悜𨰾夊崌閮戒娇寰楀浘鐗囧け鐪
涓嬮溃锲涗釜灏忛夐”鍒嗗埆鏄
浠庝笂锲炬垜浠鍙浠ョ湅鍒帮纴涓嶅瑰浘鐗囱繘琛屼换浣曚慨鏀癸纴锲剧墖鍦ㄦ煇涓鏂瑰悜𨰾変几镞堕兘鏄鏁翠綋缂╂斁镄. 缂╂斁钖屾椂,锲剧墖鍦呜掍篃浼氲窡镌缂╂斁,瀵艰嚧链缁埚𪾢绀烘晥鏋滃緢宸.
鍦ㄧ紪杈戝尯鍙浠ョ湅鍒拌佺紪杈戠殑锲剧墖锲涘懆澶氢简涓镀忕礌镄勫唴瀹癸纴杩椤氨鏄鎴戜滑鍙浠ユ搷浣灭殑鍖哄烟浜嗐
缁桦埗灏忛粦镣 锛氩彧闇瑕佸湪锲涜竟闇瑕佺殑浣岖疆宸﹂敭鍗曞嚮缁桦埗灏忛粦镣癸纴鎴栬呮嫋锷ㄧ粯鍒跺皬榛戠嚎锛埚叾瀹炴槸杩炵画镄勫氢釜灏忛粦镣癸级
鍒犻櫎灏忛粦镣 锛氭寜shift阌锛屽苟宸﹂敭鍗曞嚮鎴栨嫋锷ㄨ繘琛屽垹闄ゆ搷浣滐纴涔熷彲浠ユ寜浣忛紶镙囧彸阌杩涜屾摝闄ゃ
灏忛粦镣瑰湪png锲炬渶澶栧眰链変竴镀忕礌瀹界殑杈癸纴闄や简锲涗釜椤惰掞纴灏忛粦镣瑰彲浠ョ粯鍒跺湪png链澶栬竟镄勪换涓镣瑰勶纴
姣忎釜灏忛粦镣瑰崰鎹涓镀忕礌
灏忛粦镣圭粯鍒朵箣钖庛傚叾瑙勫畾涓涓鍖哄烟锛屽嵆灏忛粦镣瑰勶纴鍨傜洿浜庢墍鍦ㄨ竟锛屼笖涓镀忕礌瀹界殑鍖哄烟
椤堕儴锛氩湪姘村钩𨰾変几镄勬椂鍊欙纴淇濇寔鍏朵粬浣岖疆涓嶅姩锛屽彧鍦ㄨ繖涓镣逛唬琛ㄥ尯锘熷仛镞犻檺镄勫欢浼
宸﹁竟锛氩湪绔栫洿𨰾変几镄勬椂鍊欙纴淇濇寔鍏朵粬浣岖疆涓嶅姩锛屽彧鍦ㄨ繖涓镣逛唬琛ㄥ尯锘熷仛镞犻檺镄勫欢浼
搴曢儴锛氩湪姘村钩𨰾変几镄勬椂鍊欙纴鎸囧畾锲剧墖閲岀殑鍐呭规樉绀虹殑鍖哄烟
鍙宠竟锛氩湪绔栫洿𨰾変几镄勬椂鍊欙纴鎸囧畾锲剧墖閲岀殑鍐呭规樉绀虹殑鍖哄烟
浠庝笂锲惧彲浠ョ湅鍑烘媺浼稿悗鎴戜滑甯屾湜镄勭澶村尯锘熸病链夊け鐪燂纴骞朵笖钥屼笖绠澶磋窛绂诲彸杈硅窛涓庝笂杈硅窛镄勮窛绂绘病链夊彉锲犳わ纴淇濊瘉浜嗘兂瑕侀儴鍒嗕笉澶辩湡
棣栧厛娌℃湁链璐ㄤ笂镄勫尯鍒锛屼笅闱㈤氲繃涓涓渚嫔瓙𨱒ョ悊瑙
锅囧傛湁涓涓5px 5px澶у皬镄勫浘鐗囷纴妯钖戜笂闇瑕佹媺浼歌呖20px
闾d箞灏辨槸瑕佹í钖戞媺鍗嘓=15px
锅囧傛í钖戜笂鐢讳简涓涓灏忛粦镣--鍒欐疮涓灏忛粦镣规墍浠h〃鍖哄烟𨰾変几h=15px h=H/1
锅囧傛í钖戜笂鐢讳简涓変釜灏忛粦镣--鍒欐疮涓灏忛粦镣规墍浠h〃鍖哄烟𨰾変几h=5px h=H/3
锲犳 姣忔浔杈逛笂镄勬疮涓灏忛粦镣规墍浠h〃鍖哄烟𨰾変几镄勫藉害鏄涓镙风殑 *
镓浠ヨ佸悎鐞嗙殑甯幂疆鎴戜滑镄勫皬锽濈偣浠ヨ呖png锲捐兘澶熻揪鍒版垜浠𨱍宠佺殑鏂瑰悜浼哥缉
镣瑰嚮宸︿笂file- save锛屼缭瀛樻枃浠讹纴镊锷ㄧ敓鎴愪竴寮犲悗缂钖崭负钬*.9.png钬濇牸寮忕殑锲剧墖锛屽浘鐗囦笂涓嫔乏鍙冲悇澧炲姞浜1px镄勯粦绾裤
9patch锲剧墖鏄痑ndriod app寮鍙戦噷涓绉岖壒娈婄殑锲剧墖褰㈠纺锛屾枃浠剁殑镓╁𪾢钖崭负锛.9.png
钬灭偣涔浓濅篃鏄鐢变簬Android骞冲彴澶氱嶅垎杈ㄧ巼闇阃傞厤镄勯渶姹备笅锛屽彂灞曞嚭𨱒ョ殑涓绉岖嫭鐗圭殑鎶链銆傚畠鍙浠ュ皢锲剧墖妯钖戝拰绾靛悜闅忔剰杩涜屾媺浼革纴钥屼缭鐣椤儚绱犵簿缁嗗害銆佹笎鍙樿川镒熷拰鍦呜掔殑铡熷ぇ灏忥纴瀹炵幇澶氩垎杈ㄧ巼涓嬬殑瀹岀编鏄剧ず鏁堟灉锛屽悓镞跺噺灏戜笉蹇呰佺殑锲剧墖璧勬簮锛屽彲璋揿垏锲惧埄鍣ㄣ
.9.PNG纭瀹炴槸镙囧嗳镄凯NG镙煎纺锛屽彧鏄鍦ㄦ渶澶栭溃涓鍦堥濆栧炲姞1px镄勮竟妗嗭纴杩欎釜1px镄勮竟妗嗗氨鏄鐢ㄦ潵瀹氢箟锲剧墖涓鍙镓╁𪾢镄勫拰闱欐佷笉鍙樼殑鍖哄烟銆傜壒鍒璇存槑锛宭eft鍜宼op杈规嗕腑浜ゅ弶閮ㄥ垎鏄鍙𨰾変几閮ㄥ垎锛屾湭阃変腑閮ㄥ垎鏄闱欐佸尯锘熼儴鍒嗐俽ight鍜宐ottom杈规嗕腑浜ゅ弶閮ㄥ垎鍒欐槸鍐呭归儴鍒
镞犺烘槸left鍜宼op锛岃缮鏄痳ight鍜宐ottom閮芥槸鎶婂浘鐗囧垎鎴9鍧 (杈硅掑洓鍧楁槸涓嶈兘缂╂斁镄勶纴鍏朵粬镄勫洓鍧楀垯鏄鍏佽哥缉鏀剧殑)锛屾墍浠ュ彨锅9.PNG銆
.9.png锲剧墖锛宎ndroid绯荤粺绋嫔簭链夊瑰叾浼桦寲镄勭畻娉曘
鍙傝
http://www.jianshu.com/p/3fd048644e3f
http://bbs.itheima.com/thread-251222-1-1.html
http://www.yimui.com/archives/117