android课后作业

图片选择器

根据老师上课布置的作业制作一个图片选择器，书上的列本是花的而我在花的基础上更换了一下

android界面布局的的代码

//android的界面布局规划
    
//滚动字幕跑马灯的实现代码


    
//图片展示代码

    
//增加一个空白布局使得图片与按钮之间距离美观

    

    

    
    

使用一个RadioGroup单选组合框把RadioButton框起来。这样实现了单选效果

    

    

    
    





//使用俩个RadioGroup才能实现俩个并排按钮的效果，和上面的用法一样把RadioButon框起来实现俩行每行三个按钮的控制显示

界面的实现如下列图片显示所示

*我没有按照书上的例题所写，稍加改了一下

选择器所需的图片

将所需的图片放于一个drawable文件夹中
在drawable中建一个File用来编写所需全部图片代码代入

~~~javascript

~~~

java的代码实现

package cn.edu.niit.tupian;

        import android.os.Process;
        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;
        import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
    private TextView gundong;
    private ImageView tupian;
    private RadioGroup diyizu;
    private RadioButton pai1;
    private RadioButton pai2;
    private RadioButton pai3;
    private RadioGroup dierzu;
    private RadioButton pai4;
    private RadioButton pai5;
    private RadioButton pai6;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tupian=(ImageView)findViewById(R.id.imageView);
        diyizu=(RadioGroup)findViewById(R.id.第1组);
        pai1=(RadioButton)findViewById(R.id.zhangxueyou);
        pai2=(RadioButton)findViewById(R.id.liudehua);
        pai3=(RadioButton)findViewById(R.id.liming);
        dierzu=(RadioGroup)findViewById(R.id.第2组);
        pai4=(RadioButton)findViewById(R.id.guofuc);
        pai5=(RadioButton)findViewById(R.id.sunyaowei);
        pai6=(RadioButton)findViewById(R.id.linzhiying);
//给对应的android在java里加个id


        pai1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (pai1.isChecked()) {
                    tupian.setImageResource(R.drawable.zhangxueyou);
                    diyizu.clearCheck();
                }
            }
        });
        pai2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (pai2.isChecked()) {
                    tupian.setImageResource(R.drawable.liudehua);
                    diyizu.clearCheck();
                }
            }
        });
        pai3.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (pai3.isChecked()) {
                    tupian.setImageResource(R.drawable.liming);
                    diyizu.clearCheck();

                }
            }
        });
//第一组每个RadioButton都上一个diyizu.clearCheck()语句用来实现消除单选按钮
        pai4.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (pai4.isChecked()) {
                    tupian.setImageResource(R.drawable.guofucheng);
                    dierzu.clearCheck();
                }
            }
        });
        pai5.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (pai5.isChecked()) {
                    tupian.setImageResource(R.drawable.sunyaowei);
                    dierzu.clearCheck();
                }
            }
        });
        pai6.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (pai6.isChecked()) {
                    tupian.setImageResource(R.drawable.linzhiying);
                    dierzu.clearCheck();
                }
            }
        });
//第二组每个RadioButton都上一个dierzu.clearCheck()语句用来实现消除单选按钮





    }
}

完成之后实现了后的图片展示