Android studio 图像类控件、时间类控件
实验名称 Android studio 图像类控件、时间类控件
实验内容：
5.3.1 ImageView
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="scaleType:center：居中不进行缩放效果"/>
<ImageView
android:id="@+id/image1"
android:layout_width="200dp"
android:layout_height="100dp"
android:background="#f00"
android:scaleType="center"
android:src="@mipmap/ic_launcher"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="scaleType:fitCenter:按比例缩放"/>
<ImageView
android:id="@+id/image2"
android:layout_width="300dp"
android:layout_height="200dp"
android:background="#FFF"
android:padding="10dp"
android:scaleType="fitCenter"
android:src="@mipmap/ic_launcher"/>
</LinearLayout>
运行结果：
5.3.2 ImageView2
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:orientation="vertical">
<ImageView
android:id="@+id/image"
android:layout_width="200dp"
android:layout_height="150dp"
android:scaleType="fitCenter"
android:src="@mipmap/ic_launcher"
android:layout_margin="10dp"/>
<TextView
android:id="@+id/tv1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"
android:text="图像宽度：240 - 图像高度：150"/>
<SeekBar
android:id="@+id/sbSize"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:max="240"
android:progress="120"
android:layout_marginLeft="10dp"/>
<TextView
android:id="@+id/tv2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"
android:text="偏转0度"/>
<SeekBar
android:id="@+id/sbRotate"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:max="360"
android:layout_marginLeft="10dp"/>
</LinearLayout>
package com.example.imageview2;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Matrix;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.SeekBar;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity implements SeekBar.OnSeekBarChangeListener {
private int minWidth = 80;//定义一个整型变量
private ImageView imageView;//定义图像视图控件对象
private TextView textview1, textview2;//定义文本框控件对象
Matrix matrix=new Matrix();//定义矩阵对象并初始化
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//初始化控件对象并与控件进行绑定
imageView = findViewById(R.id.image);
SeekBar seekbar1 = findViewById(R.id.sbSize);
SeekBar seekbar2 = findViewById(R.id.sbRotate);
textview1 = (TextView) findViewById(R.id.tv1);
textview2 = (TextView) findViewById(R.id.tv2);
//获取当前屏幕的尺寸，并设置图片放大的最大尺寸，不能超过屏幕尺寸
DisplayMetrics dm = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);
seekbar1.setMax(dm.widthPixels - minWidth);
//设置拖动控件的监听事件
seekbar1.setOnSeekBarChangeListener(this);
seekbar2.setOnSeekBarChangeListener(this);
}
@Override
public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
if (seekBar.getId() == R.id.sbSize) {
//设置图片的大小
int newWidth=progress+minWidth;//计算出图像的宽度
int newHeight=(int)(newWidth*3/4);//计算出图像的高度
//重新设置布局中图片的宽度高度
imageView.setLayoutParams(new LinearLayout.LayoutParams(newWidth, newHeight));
textview1.setText("图像宽度："+newWidth+"图像高度："+newHeight);
} else if (seekBar.getId() == R.id.sbRotate) {
//获取当前待旋转的图片
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.ic_launcher);
//设置旋转角度
matrix.setRotate(progress, 30, 60);
//通过待旋转的图片和角度生成新的图片
bitmap = Bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(), bitmap.getHeight(), matrix, true);
//绑定图片到控件上
imageView.setImageBitmap(bitmap);
textview2.setText("角度" + progress + "°");
}
}
@Override
public void onStartTrackingTouch(SeekBar seekBar) {
}
@Override
public void onStopTrackingTouch(SeekBar seekBar) {
}
}
运行结果：
5.3.3 ImageButton
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:background="@drawable/bg_01">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/text"/>
<ImageButton
android:id="@+id/btn1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:background="#0000"
android:src="@drawable/button2"/>
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/btn1"
android:background="#0000"
android:layout_marginTop="10dp"
android:layout_centerHorizontal="true"
android:src="@drawable/button1"/>
</RelativeLayout>
运行结果：
5.4.1 AnalogClock
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:orientation="vertical">
<AnalogClock
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<DigitalClock
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#f0f"
android:textSize="10pt"
android:layout_marginLeft="10dp"/>
</LinearLayout>
运行结果：
5.4.2 TextClock
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:orientation="vertical">
<TextClock
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:format12Hour="yyyy年MM月dd日 H:mma EEEE"
android:textColor="#f0f"
android:textSize="10pt"
android:layout_margin="10dp"
android:drawableEnd="@mipmap/ic_launcher"
android:drawableRight="@mipmap/ic_launcher"/>
</LinearLayout>
运行结果：
5.4.3 CalendarView
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
android:orientation="vertical"
tools:context=".MainActivity">
<CalendarView
android:id="@+id/calendarView"
android:layout_width="match_parent"
android:layout_height="400dp"/>
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="确定"
android:onClick="doClick"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!" />
</LinearLayout>
package com.example.calendarview;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.CalendarView;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
private CalendarView calendarView;
String str;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
calendarView = findViewById(R.id.calendarView);
calendarView.setOnDateChangeListener(new CalendarView.OnDateChangeListener() {
@Override
public void onSelectedDayChange(@NonNull CalendarView view, int year, int month, int dayOfMonth) {
str = year+"年"+month+"月"+dayOfMonth+"天";
}
});
}
public void doClick(View v){
Toast.makeText(MainActivity.this,str,Toast.LENGTH_SHORT).show();
}
}
运行结果：
