对于angularjs:ng-src等效于background-image:url感兴趣的读者,本文将会是一篇不错的选择,我们将详细介绍…,并为您提供关于AndroidImageViewSrc和Bac
对于angularjs:ng-src等效于background-image:url感兴趣的读者,本文将会是一篇不错的选择,我们将详细介绍…,并为您提供关于Android ImageView Src 和Background 区别、android imageview.setBackgroundResource()不起作用、android – ImageView.setBackgroundResource和ImageView.setImageResource有什么区别?、android 的 Imageview 的 src 和 background的有用信息。
本文目录一览:- angularjs:ng-src等效于background-image:url(…)(angularjs ng-show)
- Android ImageView Src 和Background 区别
- android imageview.setBackgroundResource()不起作用
- android – ImageView.setBackgroundResource和ImageView.setImageResource有什么区别?
- android 的 Imageview 的 src 和 background
angularjs:ng-src等效于background-image:url(…)(angularjs ng-show)
在angularjs中,您具有标记ng-src,其目的是在angularjs评估介于{{
和之间的变量之前,不会收到无效网址的错误}}
。
问题是,我使用了一些带有background-image
URL设置的DIV 。我之所以这样做,是因为CSS3具有出色的属性background-size
,可以将图像裁剪为DIV的确切大小。
唯一的问题是,由于创建ng-src标记的原因完全相同,因此我收到很多错误:我的url中有一些变量,浏览器认为该图像不存在。
我意识到有写粗略的可能性{{"background-image:url(myVariableUrl)''"}}
,但这似乎是“肮脏的”。
我已经搜索了很多,却找不到正确的方法。由于所有这些错误,我的应用变得一团糟。
答案1
小编典典ngSrc
是一个本机指令,因此您似乎想要一个类似的指令来修改div的 background-image
样式。
您可以编写自己的指令来实现您想要的功能。例如
app.directive(''backImg'', function(){ return function(scope, element, attrs){ var url = attrs.backImg; element.css({ ''background-image'': ''url('' + url +'')'', ''background-size'' : ''cover'' }); };});
您将这样调用
<div back-img="<some-image-url>" ></div>
Android ImageView Src 和Background 区别
之前使用Glide的时候被ImageView的图片设置弄混了(很低级的问题,确是经常犯的问题),所以就去看了一下ImageView,补补基础。
首先ImageView有两个显示图片的属性,分别是src和background。从名字上看可以知道第一个是资源(画),第二个是背景(画框)。
如何设置这两个值呢?
//background mImageView.setBackground(); mImageView.setBackgroundResource(); mImageView.setBackgroundColor(); mImageView.setBackgroundDrawable(); //src mImageView.setimageResource(); mImageView.setimageDrawable(); mImageView.setimageURI();
其中设置background的4个方法中,最终都是调用了setBackgroundDrawable()这个@Deprecated的方法,额。
一些区别:
1.src存放的是原图大小, background会根据组件的大小进行拉伸。
2.src是图片的内容(画),background是图片的背景(画框),可以同时存在。
3.background可以设置透明度,src不可以。
4.scaleType只对src起作用。这篇文字解释的很清楚->ScaleType详解
5.自定义ImageView中画图的时候使用setBackgroundDrawable。如果使用setimageDrawable,需要设置setIntrinsicHeight和setIntrinsicWidth,不然不会显示的,具体原因去看看源码吧。
通过此文希望能帮助到有需要的小伙伴,谢谢大家对本站的支持!
android imageview.setBackgroundResource()不起作用
我有一个 应在单击时更改 的 imageview
public class Settings extends Activity implements OnClickListener{ private ImageView im1; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.settings); im1 = (ImageView) findViewById( R.id.imageView1 ); im1.setOnClickListener(this); } @Override public void onClick(View v) { // TODO Auto-generated method stub if (v == im1 ) { Log.d("test", "hey!"); v.setBackgroundResource(R.drawable.img1); } }}
单击该方法将运行并打印出“嘿!”。 但是图像不会改变吗?
编辑 :忘记提及imageview
包含由xml布局文件提供的另一个图像
答案1
小编典典按照惯例,您应该使用setImageResource(R.drawable.img1);
(或setImageDrawable(getResources().getDrawable(R.drawable.img1));
)代替setBackgroundResource(R.drawable.img1);
。
android – ImageView.setBackgroundResource和ImageView.setImageResource有什么区别?
为什么有两种方法?
解决方法
setimageResource用于设置ImageView的src图像.
鉴于:
ImageView iv = new ImageView(this);
然后:
iv.setBackgroundResource(R.drawable.imagedata);
将适合整个背景的图像.这意味着即使图像尺寸太小,它也可以将图像拉伸到完整的背景上.
imageView.setimageResource(R.drawable.imagedata);
将只占用ImageView中图像的大小.
为了你也想设置
android:layout_width="wrap_content" android:layout_height="wrap_content"
为您的ImageView.如果图像的尺寸小于ImageView,剩余的边框将留空,背景将显示.
android 的 Imageview 的 src 和 background
android 中 src 和 background 区别
ImageView 中 XML 属性 src 和 background 的区别:
background 会根据 ImageView 组件给定的长宽进行拉伸,而 src 就存放的是原图的大小,不会进行拉伸。src 是图片内容(前景),bg 是背景,可以同时使用。
此外:scaleType 只对 src 起作用;bg 可设置透明度,比如在 ImageButton 中就可以用 android:scaleType 控制图片的缩放方式,示例代码如下:
<ImageView android:id="@+id/img" android:src="@drawable/logo" android:scaleType="centerInside" android:layout_width="60dip" android:layout_height="60dip" android:layout_centerVertical="true"/>
说明:centerInside 表示按比例缩放图片,使得图片长 (宽) 的小于等于视图的相应维度。
注意:控制的图片为资源而不是背景,即 android:src="@drawable/logo",而非 android:background="@drawable/logo"。程序中动态加载图片也类似,如:应该 imgView.setImageResource (R.drawable.); 而非 imgView.setBackgroundResource (R.drawable.);
附:更详细的 scaleType 说明:
CENTER /center 在视图中心显示图片,并且不缩放图片
CENTER_CROP /centerCrop 按比例缩放图片,使得图片长 (宽) 的大于等于视图的相应维度
CENTER_INSIDE /centerInside 按比例缩放图片,使得图片长 (宽) 的小于等于视图的相应维度
FIT_CENTER /fitCenter 按比例缩放图片到视图的最小边,居中显示
FIT_END /fitEnd 按比例缩放图片到视图的最小边,显示在视图的下部分位置
FIT_START /fitStart 把图片按比例扩大 / 缩小到视图的最小边,显示在视图的上部分位置
FIT_XY /fitXY 把图片不按比例缩放到视图的大小显示
MATRIX /matrix 用矩阵来绘制
关于angularjs:ng-src等效于background-image:url和…的介绍已经告一段落,感谢您的耐心阅读,如果想了解更多关于Android ImageView Src 和Background 区别、android imageview.setBackgroundResource()不起作用、android – ImageView.setBackgroundResource和ImageView.setImageResource有什么区别?、android 的 Imageview 的 src 和 background的相关信息,请在本站寻找。
本文标签: