综合使用TextView,ImageView,RadioButton控件实现一个图片选择器


1. 综合使用TextView,ImageView,RadioButton控件实现一个图片选择器,通过勾选花朵的名称显示相应的图片,界面如附件图1、图2所示。具体要求如下:
a) 使用滚动字幕显示标题“请选择你喜欢的花”
b) 使用RadioGroup 和RadioButton 创建两行三列的单选按钮;
c) 当用户选中某一花名,在页面上显示该种花的图片
2. 完成如附件图3、图4所示的任务:
a) 图片随着鼠标移动位置,并显示出当前位置的坐标信息。
b) 当用户点击退出按钮,给出提示信息:“再按一次退出程序”。
    xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
android:layout_marginTop="@dimen/activity_horizontal_margin"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
android:id="@+id/zu1"
android:layout_width="0px"
android:layout_height="fill_parent"
android:layout_weight="3"
android:orientation="horizontal">

android:id="@+id/taohua"
android:text="桃花"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />

android:id="@+id/lanhua"
android:text="兰花"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />

android:id="@+id/lianhua"
android:text="莲花"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />


android:layout_width="match_parent"
android:layout_height="wrap_content">
android:id="@+id/yinghua"
android:text="樱花"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
android:id="@+id/guihua"
android:text="桂花"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
android:id="@+id/meihua"
android:text="梅花"
android:layout_width="wrap_content"
android:layout_height="wrap_content" /> //设计RadioButton组件将六种花的控件打出


android:id="@+id/textView_paomadeng"
android:layout_alignParentBottom="true"
android:textColor="#6699ff"
android:singleLine="true"
android:marqueeRepeatLimit="marquee_forever"
android:ellipsize="marquee"
android:background="#ffffff"
android:textSize="20dp"
android:focusableInTouchMode="true"
android:scrollHorizontally="true"
android:layout_width="fill_parent"
android:text="请 选 择 你 喜 欢 的 花 朵"
android:layout_height="wrap_content" /> //设置跑马灯滚动字幕 请 选 择 你 喜 欢 的 花 朵


android:layout_gravity="center_horizontal"
android:layout_width="365dp"
android:layout_height="275dp"
android:id="@+id/imageView"
android:src="@drawable/hua"
android:layout_below="@+id/linearLayout2"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginTop="64dp" />









android:drawable="@drawable/taohua"
android:maxLevel="0"/>
android:drawable="@drawable/lanhua"
android:maxLevel="1"/>
android:drawable="@drawable/lianhua"
android:maxLevel="2"/>
android:drawable="@drawable/yinghua"
android:maxLevel="3"/>
android:drawable="@drawable/guihua"
android:maxLevel="4"/>
android:drawable="@drawable/meihua"
android:maxLevel="5"/>
//将图片插入 调用


java代码;

package com.example.my.myapplicationhuahui;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.widget.RadioButton;
import android.widget.RadioGroup;

public class MainActivity extends AppCompatActivity {
private RadioButton taohua;
private RadioButton lanhua;
private RadioButton lianhua;
private RadioButton yinghua;
private RadioGroup zu1;
private RadioButton guihua;
private RadioButton meihua;
private ImageView imageView;
@Override

protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
taohua = (RadioButton) findViewById(R.id.taohua);
lanhua = (RadioButton) findViewById(R.id.lanhua);
lianhua = (RadioButton) findViewById(R.id.lianhua);

yinghua = (RadioButton) findViewById(R.id.yinghua);
guihua = (RadioButton) findViewById(R.id.guihua);
meihua = (RadioButton) findViewById(R.id.meihua);
zu1 = (RadioGroup) findViewById(R.id.zu1);
imageView = (ImageView) findViewById(R.id.imageView);
taohua.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (taohua.isChecked()) {
imageView.setImageResource(R.drawable.taohua);

}
}
});
lanhua.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (lianhua.isChecked()) {
imageView.setImageResource(R.drawable.lanhua);
}
}
});
lianhua.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (lianhua.isChecked()) {
imageView.setImageResource(R.drawable.lianhua);
}
}
});

yinghua.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (yinghua.isChecked()) {
imageView.setImageResource(R.drawable.yinghua);
}
}
});
guihua.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (guihua.isChecked()) {
imageView.setImageResource(R.drawable.guihua);
}
}
});
meihua.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (meihua.isChecked()) {
imageView.setImageResource(R.drawable.meihua);
}
}
});
}


综合使用TextView,ImageView,RadioButton控件实现一个图片选择器_第1张图片

 

 
    






转载于:https://www.cnblogs.com/xu2829346482/p/6595377.html

你可能感兴趣的:(综合使用TextView,ImageView,RadioButton控件实现一个图片选择器)