Android Studio之界面布局的基本控件（1）

我是自学的Android Studio且无Java基础，若有不足之处，请见谅。

一、AS界面大致介绍

我现在使用的是3.5.2的版本，之前使用过1.5的版本，它们主要的没有太大变化，但还是有变化的，尤其是布局那效果预览的改变我是挺不适应的。建议如果在用的版本没有必须要用到新版本的东西，千万别更新，反正我是后悔了。

（1）工程目录

在Android下主要有两个目录，一个是app，另一个是Gradle Scripts。
1、app目录下子目录主要是manifests（放APP的运行配置文件）、java（第一个包放APP工程的源代码，后面的是测试用的）、res（放资源文件，其下的子目录drawable放图形描述文件与图片；layout放APP页面布局文件；mipmap放启动图标；value放常量定义文件）
2、Gradle Scripts目录下的一般很少改动（起码我学习的半年多里都没改动过）

（2）布局界面

窗口左下角有Design（表示设计图）和Text（表示源代码）两个标签，在Design中可以通过拖动需要的控件到自己想要的位置，在Text中可以通过代码来布局界面。

二、基本控件

TextView

• 在XML中的属性

<TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"//这两个基本是每个控件都要有的，定义控件大小
      android:layout_alignParentTop="true"//是否顶部对齐
      android:layout_centerHorizontal="true"//是否垂直居中
      android:layout_margin="20dp"//控件之间的距离
      android:padding="10dp"//控件内容与其边缘的距离
      android:text="@string/maibo"//文本内容
      android:textSize="50sp"//文字大小
      android:textStyle="bold"//字体
      android:textColor="#ffffff"//文字颜色，可以查颜色表
      android:id="@+id/textView2"//控件的id，用于在Java代码中对控件属性修改的纽带 />

这些属性都是根据自己需要增减的，每个属性与其中文意思相对应，而AS中会输入相应几个英文字母就能提示你找到想要的。

• 在Java代码中

    //声明控件
    private TextView textView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_second);
        //关联控件
        textView=(TextView)findViewById(R.id.textView2);
        textView.setText("你好呀！");
    }

XML中的属性	源代码中的设置方法	说明
text	setText	设置文本内容
textColor	setTextColor	设置文本内容
textSize	setTextSize	设置文本大小
gravity	setGravity	设置文本对齐方式

Button

简单按钮button与imagebutton大同小异，只是imagebutton可以设成图片样，功能和属性与button差不多。

• 在XML中属性设置与TextView类似

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true" 
        android:text="@string/yonghu"
        android:textSize="20sp"
        android:background="#ee6363"//背景颜色设置
        android:id="@id/button"
        android:onClick="click"//设置点击事件
        />

按钮Button的使用主要是用户在点击按钮时要响应什么事件；点击事件的设置方法由三种：内部类、匿名类和在XML设置onClick的值。

1. 首先讲在XML中设置，上段代码中onClick=“click”，在Java代码中编写点击函数click就行了。

    public void click (View view){
        switch (view.getId()){
            case R.id.button:
                //写点击后响应什么操作
                break;
        }
    }

上述是当有多个按钮时，可以通过获取被点击按钮的id来响应对应按钮要进行的操作，如果只有一个按钮可以直接在click中写。

2. 匿名类

//声明控件
private Button button;
@Override
protected void onCreate(Bundle saveInstanceState){
		super.onCreate(savedInstanceState);
    	setContentView(R.layout.activity_second);
   	 	//关联控件
   	 	button=(Button) findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //写点击事件
            }
        });

3. 内部类

private Button button;
@Override
protected void onCreate(Bundle saveInstanceState){
		super.onCreate(savedInstanceState);
    	setContentView(R.layout.activity_second);
   	 	//关联控件
   	 	button=(Button) findViewById(R.id.button);
   	 	button.setOnClickListener(new onClick());
    }

    class onClick implements View.OnClickListener{
        @Override
        public void onClick(View view) {
            //写点击事件
        }

ImageView

这是一个图片显示控件，图片资源主要放在drawable，在XML中是通过@引用drawable中的图片资源显示出来；在Java代码中通过setImageResource来改变显示的图片。

• 在XML中

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/abc_btn_check_material"//引用图片资源，这里引用的是系统自带的
        android:id="@+id/imageview"
        />

• 在Java中,同样是要声明关联控件

        ImageView imageView=(ImageView)findViewById(R.id.imageview);
        imageView.setImageResource(R.drawable.abc_cab_background_top_material);