Android开发笔记05-ImageView+ProgressBar

最新推荐文章于 2022-04-20 18:18:57 发布

罗汉翔

最新推荐文章于 2022-04-20 18:18:57 发布

阅读量1.1k

点赞数

分类专栏： Android开发文章标签： android webview android studio

本文链接：https://blog.csdn.net/qq_44885775/article/details/122212387

版权

Android开发专栏收录该内容

9 篇文章 1 订阅

订阅专栏

ImageView

主要属性

1. android:src设置图片资源
2. android:scaleType设置图片缩放类型
3. android:maxHeight最大高度
4. android:maxWidth最大宽度
5. android:adjustViewBounds 调整view的界限

缩放类型

1. fitStart 保持宽高比缩放图片，直到较长的边与Image的边长相等,缩放完成后将图片放在lmageView的左上角2. fitCenter默认值，同上，缩放后放于中间
3. fitEnd同上，缩放后放于右下角
4. fitXY对图像的横纵方向进行独立缩放，使得该图片完全适应ImageView，但是图片的宽高比可能会发生改变5. center 保持原图的大小，显示在lmageView的中心。当原图的size大于lmageView的size，超过部分裁剪处理。6. centerCrop 保持宽高比缩放图片，直到完全覆盖ImageView，可能会出现图片的显示不完全
7. centerlnside 保持宽高比缩放图片，直到ImageView能够完全地显示图片
8. matrix 不改变原图的大小，从lmageView的左上角开始绘制原图，原图超过lmageView的部分作裁剪处理

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="200dp"
        android:layout_height="0dp"
        android:layout_marginBottom="156dp"
        android:scaleType="fitXY"
        android:src="@drawable/P500x500"
        app:layout_constraintBottom_toTopOf="@+id/textView"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

android:adjustViewBounds="true"
android:maxWidth="200dp"
android:maxHeight="200dp"
自适应大小，并且最终大小不会超过200dp的宽高

飘红
给出绝对位置（181,429）
<ProgressBar
    android:id="@+id/pb"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    tools:layout_editor_absoluteX="181dp"
    tools:layout_editor_absoluteY="429dp" />

点击小魔术棒解决飘红问题
  <ProgressBar
        android:id="@+id/pb"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="41dp"
        app:layout_constraintBottom_toTopOf="@+id/button2"
        app:layout_constraintStart_toStartOf="@+id/button2"
        app:layout_constraintTop_toBottomOf="@+id/imageView" />

ProgressBar

1. android:max:进度条的最大值
2. android:progress:进度条已完成进度值
3. android:indeterminate:如果设置成true，则进度条不精确显示进度
4. style="?android:attr/progressBarStyleHorizontal”水平进度条

源码

activity_main.java

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="356dp"
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHorizontal_bias="0.502"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/imageView"
        app:layout_constraintVertical_bias="0.326" />

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="200dp"
        android:layout_height="0dp"
        android:layout_marginBottom="369dp"
        android:scaleType="fitXY"
        android:src="@drawable/a500x500"
        app:layout_constraintBottom_toTopOf="@+id/textView2"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="200dp"
        android:layout_height="0dp"
        android:layout_marginStart="212dp"
        android:layout_marginBottom="156dp"
        android:adjustViewBounds="true"
        android:maxWidth="200dp"
        android:maxHeight="200dp"
        android:scaleType="fitXY"
        android:src="@drawable/a500x500"
        app:layout_constraintBottom_toTopOf="@+id/textView"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="1.0" />
    <ProgressBar
        android:id="@+id/pb"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="40dp"
        app:layout_constraintBottom_toTopOf="@+id/button2"
        app:layout_constraintStart_toStartOf="@+id/button2"
        app:layout_constraintTop_toBottomOf="@+id/imageView" />
    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="206dp"
        android:onClick="leoClick"
        android:text="显示/隐藏 进度条"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/pb" />
    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="35dp"
        android:layout_marginBottom="7dp"
        android:text="水平进度条"
        app:layout_constraintBottom_toTopOf="@+id/pb2"
        app:layout_constraintStart_toStartOf="@+id/button3"
        app:layout_constraintTop_toBottomOf="@+id/imageView" />
    <ProgressBar
        android:id="@+id/pb2"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="55dp"
        android:layout_marginEnd="55dp"
        android:max="100"
        android:progress="20"
        app:layout_constraintBottom_toTopOf="@+id/button3"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView2" />
    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="72dp"
        android:onClick="load"
        android:text="模拟增加进度条+10"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/pb2" />
</androidx.constraintlayout.widget.ConstraintLayout>

MainActivity.java

public class MainActivity extends AppCompatActivity {
    private ProgressBar progressBar;
    private ProgressBar progressBar2;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        progressBar =findViewById(R.id.pb);
        progressBar2 =findViewById(R.id.pb2);
    }
    public void leoClick(View view) {
        if(progressBar.getVisibility()==View.GONE){
            progressBar.setVisibility(view.VISIBLE);
        }else{
            progressBar.setVisibility(View.GONE);
        }
    }
    public void load(View view) {
        int progress=progressBar2.getProgress();
        progress+=10;
        progressBar2.setProgress(progress);
    }
}

遇到的问题：

有时候，在Android studio的项目中的drawable下方自己的图片会报错，下面有两个方法可以试下：

（1）第一种方法，将图片移至mipmap目录下，图片会自动生成对应大小的格式（hdpi，mdpi，...）;

（2）第二种方法，在App的build.gradle下的android的项中添加如下两句代码（实现对图片格式要求条件的放宽）：

aaptOptions.cruncherEnabled = false;
aaptOptions.useNewCruncher = false;
————————————————
版权声明：本文为CSDN博主「hfut_why」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/hfut_why/article/details/79070104