Android中单选框选中改变图片的示例

来源：互联网发布：linux more 到最后编辑：程序博客网时间：2024/06/06 06:53

点击单选框，进而改变图片

知识点：常用控件RadioGroup、RadioButton、ImageView、Map集合

实现思路：

第一步：设置一个ImageView

第二步：用一个RadioGroup将五个按钮装置起来，并设置内容

第三步：在java代码中实例化一个Map集合，将RadioButton的内容设置为Map集合中的键

第四步：新建一个方法，（1）把传递过来的view转换成RadioButton（2）要拿到Map集合中的值，先获取到你选中的单选框的内容（3）设置图片为Map集合中的图片

界面：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical" android:layout_width="match_parent"    android:layout_height="match_parent">    <ImageView        android:layout_width="400dp"        android:layout_height="300dp"        android:id="@+id/iv_image_images"        android:layout_gravity="center"        />    <RadioGroup        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="horizontal"        android:gravity="center"        >        <RadioButton            android:layout_width="55dp"            android:layout_height="wrap_content"            android:text="一号佳丽"            android:checked="true"            android:onClick="ok"            />        <RadioButton            android:layout_width="55dp"            android:layout_height="wrap_content"            android:text="二号佳丽"            android:onClick="ok"            />        <RadioButton            android:layout_width="55dp"            android:layout_height="wrap_content"            android:text="三号佳丽"            android:onClick="ok"            />        <RadioButton            android:layout_width="55dp"            android:layout_height="wrap_content"            android:text="四号佳丽"            android:onClick="ok"            />        <RadioButton            android:layout_width="55dp"            android:layout_height="wrap_content"            android:text="五号佳丽"            android:onClick="ok"            />    </RadioGroup></LinearLayout>

java：

package com.example.myas_07;import android.media.Image;import android.os.Bundle;import android.support.annotation.Nullable;import android.support.v7.app.AppCompatActivity;import android.view.View;import android.widget.ImageView;import android.widget.RadioButton;import java.util.HashMap;import java.util.Map;/** * Created by Administrator on 2017/6/7 0007. */public class ImaActivity extends AppCompatActivity{    private ImageView iv_image_images;    //实例化一个Map集合    private Map<String,Integer> m=new HashMap<>();    @Override    protected void onCreate(@Nullable Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_image);        iv_image_images = (ImageView) findViewById(R.id.iv_image_images);        //将图片路径与相对应的键进行保存        m.put("一号佳丽",R.drawable.s1);        m.put("二号佳丽",R.drawable.s2);        m.put("三号佳丽",R.drawable.s3);        m.put("四号佳丽",R.drawable.s4);        m.put("五号佳丽",R.drawable.s5);    }    /**     * 单选框的点击方法，改变图片     * @param view     */    public void ok(View view){        //强转选中的单选框        RadioButton radioButton= (RadioButton) view;        //获得选中的单选框的值        String str=radioButton.getText().toString();        //设置图片为相对应需要的图片        iv_image_images.setImageResource(m.get(str));    }}

分享完毕，欢迎各位指点一二

阅读全文

0 0