AndroidStudio-图像体现

一、图像视图ImageView
图像视图展示的图片通常位于res/drawable目录，设置图像视图的体现图片有两种方式:
1.在XML文件中，通过属性android:src设置图片资源，属性值格式形如"@drawable/不含扩展名的图片名称”
例如：

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     android:layout_width="match_parent"
4.     android:layout_height="match_parent"
5.     android:orientation="vertical">
7.     <ImageView
8.         android:id="@+id/iv_scale"
9.         android:layout_width="match_parent"
10.         android:layout_height="220dp"
11.         android:layout_marginTop="5dp"
12.         android:src="@drawable/xiao"/>
14. </LinearLayout>

复制代码

2.在Java代码中，调用setlmageResource方法设置图片资源，方法参数格式形如“R.drawable.不
含扩展名的图片名称”

1. package com.example.chapter01;
3. import androidx.appcompat.app.AppCompatActivity;
5. import android.os.Bundle;
6. import android.widget.ImageView;
8. public class ImageScaleActivity extends AppCompatActivity {
10.     @Override
11.     protected void onCreate(Bundle savedInstanceState) {
12.         super.onCreate(savedInstanceState);
13.         setContentView(R.layout.activity_image_scale);
14.         ImageView iv_scale = findViewById(R.id.iv_scale);
15.         iv_scale.setImageResource(R.drawable.xiao);
16.     }
17. }

复制代码

二、图像视图的缩放类型
lmageView本身默认图片居中体现，若要改变图片的体现方式，可通过scaleType属性设定，该属性的取值阐明如下:

1.fitXY

2.fitStart

3.fitCenter

4.center

5.centerCrop

6.centerInside

centerInside和center的体现效果一模一样，这缘于它们的缩放规则设定。表面上fitCenter、centerInside、center三个类型都是居中体现，且均不越过图像视图的边界。它们之间的区别在于:fitcenter既答应缩小图片、也答应放大图片，centerinside只答应缩小图片、不答应放大图标，而center自始至终保持原始尺寸(既不答应缩小图片、也不答应放大图片)。因此，当图片尺寸大于视图宽高，centerInside与fitCenter都会缩小图片，此时它俩的体现效果相同;当图片尺寸小于视图宽高，centerInside与center都保持图片大小不变，此时它俩的体现效果相同。

三、Java代码中设置图片大小

例如：

1. package com.example.chapter01;
3. import androidx.appcompat.app.AppCompatActivity;
5. import android.os.Bundle;
6. import android.widget.ImageView;
8. public class ImageScaleActivity extends AppCompatActivity {
10.     @Override
11.     protected void onCreate(Bundle savedInstanceState) {
12.         super.onCreate(savedInstanceState);
13.         setContentView(R.layout.activity_image_scale);
14.         ImageView iv_scale = findViewById(R.id.iv_scale);
15.         iv_scale.setImageResource(R.drawable.xiao);
16.         iv_scale.setScaleType(ImageView.ScaleType.CENTER);
17.     }
18. }

复制代码

四、图像按钮ImageButton
lmageButton是体现图片的图像按钮，但它继续自lmageView，而非继续Button。
lmageButton和Button之间的区别有:
1.Button既可体现文本也可体现图片，ImageButton只能体现图片不能体现文本。
2.lmageButton上的图像可按比例缩放，而Button通过配景设置的图像会拉伸变形
3.Button只能靠配景体现一张图片，而lmageButton可分别在远景和配景体现图片，从而实现两张图片叠加的效果。
例如：

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     android:layout_width="match_parent"
4.     android:layout_height="match_parent"
5.     android:orientation="vertical">
7.     <ImageButton
8.         android:layout_width="match_parent"
9.         android:layout_height="80dp"
10.         android:src="@drawable/sqrt"
11.         android:scaleType="fitCenter"/>
12. </LinearLayout>

复制代码

lmageButton的使用场所：在某些场所，有的字符无法由输入法打出来，或者某些笔墨以特别字体展示，就适合先切图再放到ImageButton。例如:开平方符号、，等等。
lmageButton与lmageView之间的区别有:
1.lmageButton有默认的按钮配景，lmageView默认无配景:
2.lmageButton默认的缩放类型为center，而ImageView默认的缩放类型为fitCenter。

五、同时展示文本和图像
同时展示文本与图像的可能途径包括:
1.使用LinearLayout对lmageView和TextView组合结构
2.通过按钮控件Button的drawable属性设置文本周围的图标。
（1）drawableTop:指定笔墨上方的图片。
（2）drawableBottom:指定笔墨下方的图片。
（3）drawableLeft:指定笔墨左边的图片。
（4）drawableRight:指定笔墨右边的图片
（5）drawablePadding:指定图片与笔墨的间距。
设置如下视图：

代码如下：
1.drawableLeft：

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     android:layout_width="match_parent"
4.     android:layout_height="match_parent"
5.     android:orientation="vertical">
7.     <Button
8.         android:layout_width="wrap_content"
9.         android:layout_height="wrap_content"
10.         android:drawableLeft="@drawable/img"
11.         android:drawablePadding="5dp"
12.         android:text="图标在左" />
14. </LinearLayout>

复制代码

我们发现配景颜色默认是紫色
如果要修改配景颜色，就要在res/values目录下的themes.xml文件内继续于bridge

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。