GVKun编程网logo

angularjs:ng-src等效于background-image:url(…)(angularjs ng-show)

20

对于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)

angularjs:ng-src等效于background-image:url(…)(angularjs ng-show)

在angularjs中,您具有标记ng-src,其目的是在angularjs评估介于{{和之间的变量之前,不会收到无效网址的错误}}

问题是,我使用了一些带有background-imageURL设置的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 区别

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()不起作用

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有什么区别?

android – ImageView.setBackgroundResource和ImageView.setImageResource有什么区别?

我已经看到了这些不同的方法来设置图像,但我没有得到区别.

为什么有两种方法?

解决方法

setBackgroundResource用于设置 ImageView的背景.
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 的 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的相关信息,请在本站寻找。

本文标签: