android入门系列- TextView EditText Button ImageView 的简单应用

 

第一篇原创，其实自己就是一菜鸟，简单分享点基本知识吧。希望能有所帮助吧。

TextView EditText Button ImageView 这几个控件可能是Android开发中最常用、最基本的几个控件

本篇文章就从最简单的角度介绍下这几个控件的用法（默认您已经掌握了开发环境的搭建，本吊还在用eclipse ，准备月底换电脑用 as；建议用as进行开发吧，好多开源资源只提供了as版本 ）

MainActivity.java

public class MainActivity extends Activity {

    private TextView tv;
    private EditText et;
    private Button btn;
    private ImageView iv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 加载布局文件
        setContentView(R.layout.activity_main);
        // 初始化控件
        init();
        // 设置Button的OnClickListener监听器
        btn.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                // 将et中输入的内容通过Toast显示出来
                Toast.makeText(MainActivity.this,
                        "et的输入为：" + et.getText().toString(), Toast.LENGTH_SHORT)
                        .show();
            }
        });
        // 设置ImageView的OnClickListener监听器
        iv.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                // 当点击btn的时候就让iv的图片变成另一张图片
                iv.setBackgroundResource(R.drawable.animal);
            }
        });
    }

    private void init() {
        tv = (TextView) this.findViewById(R.id.acMain_tv_username);
        et = (EditText) this.findViewById(R.id.acMain_et_password);
        btn = (Button) this.findViewById(R.id.acMain_btn_login);
        iv = (ImageView) this.findViewById(R.id.acMain_iv_show);
        tv.setText("Hello , this is gh");
    }

activity_main.xml

<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"
    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="com.example.cnblogs001.MainActivity" >

    <TextView
        android:id="@+id/acMain_tv_username"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:padding="10dp"
        android:text="@string/hello_world"
        android:textColor="@android:color/holo_blue_dark"
        android:textSize="20sp" />

    <EditText
        android:id="@+id/acMain_et_password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/acMain_tv_username"
        android:layout_marginTop="10dp"
        android:ellipsize="end"
        android:gravity="center_horizontal"
        android:hint="@string/hint_et_password"
        android:inputType="textPassword"
        android:maxLines="1" />

    <Button
        android:id="@+id/acMain_btn_login"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/acMain_et_password"
        android:layout_marginTop="10dp"
        android:alpha="0.5"
        android:background="@android:color/holo_blue_dark"
        android:gravity="center"
        android:text="@string/text_btn_login"
        android:textColor="#000000"
        android:textSize="20sp" />

    <ImageView
        android:id="@+id/acMain_iv_show"
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:layout_below="@id/acMain_btn_login"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp"
        android:background="@drawable/logo"
        android:scaleType="fitCenter" />

</RelativeLayout>

 

效果图：

 

总结：

xml布局文件中只用了这几个控件的部分属性，都是最基本的属性；详细属性可以查阅官方文档

同时在Activity中只 监听了 Button 和 ImageView 的OnClickListener ，还可以监听其他事件，大家可以自行尝试一下