Android 布局和控件基础（简单版）

作者: 小星star | 来源:发表于2019-01-21 12:09 被阅读49次

Android 布局和控件基础（简单版）
Android 基础
SeekBar
Android中将控件放到线性布局的任意位置（一）
Android性能优化-布局优化
Android应用界面开发——布局
Android 基础之布局和控件
Android布局（一）之基本视图View
自定义控件三部曲之视图篇
Android布局和控件

此版本为简单版本，只讲了经常用到的一些控件和布局

在开发一个android程序时，我们都会涉及到布局的设计，由于我也没有相关开发经验，所以下面只罗列了一些基础知识。有关App的整体布局设计现在还完全摸不到头脑。

参考博客：Android开发之基本控件和详解四种布局方式

一、常用基本控件介绍

TextView 文本框
id： 为TextView设置一个组件id，根据id，我们可以在Java代码中通过findViewById()的方法获取到该对象，然后进行相关属性的设置，又或者使用RelativeLayout时，参考组件用的也是id！
layout_width： 组件的宽度，一般写：wrap_content或者match_parent(fill_parent)，前者是控件显示的内容多大，控件就多大，而后者会填满该控件所在的父容器；当然也可以设置成特定的大小，比如设置为200dp。
layout_height：组件的宽度，内容同上。
gravity：设置控件中内容的对齐方向，TextView中是文字，ImageView中是图片等等。
text：设置显示的文本内容，一般我们是把字符串写到string.xml文件中，然后通过@String/xxx取得对应的字符串内容的
textColor：设置字体颜色，同上，通过colors.xml资源来引用
textStyle：设置字体风格，三个可选值：normal(无效果)，bold(加粗)，italic(斜体)
textSize：字体大小，单位一般是用sp！
background：控件的背景颜色，可以理解为填充整个控件的颜色，可以是图片哦！

Button 按钮

<Button
        android:id="@+id/click_button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="点我"/>

在Activity的类中也是使用findViewById来通过Id获取该按钮，获取按钮后我们需要给按钮绑定点击事件。也就是点击按钮要做的事情，下方给出了两中方式，一种是块的形式，一种是委托代理的形式。
先在类前面添加 implements View.OnClickListener这个声明
(1) 接口回调的形式绑定点击事件

Button button = (Button) findViewById(R.id.click_button);
button.setOnClickListener(new View.OnClickListener() {
       @Override
       public void onClick(View v) {
       //在这里实现 点击按钮要做的事情
       }
});

(2) 委托代理

button.setOnclickListener(this);
//重写委托回调的方法
/**
  * Called when a view has been clicked.
  *
  * @param v The view that was clicked.
  */
@override
public void onClick(View v){
    switch(v.getId()){
          case R.id.click_button:
                  //在这里实现点击按钮之后的操作
                  break;
          default:
                  break;
    }
}

EditText 输入框

         <EditText
              android:id="@+id/edit_text"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:hint="type something here"
              android:maxLines="3"/>

maxLines用来设置输入框的最大行数
在Activity中获取EditText对象，也是通过Id方式，下方代码是获取通过id实例化EditText对象，并获取其中的文本在Toast上显示。

EditText myEditText = (EditText) findViewById(R.id.edit_text);
String inputText = myEditText.getText().toString();
Toast.makeText(MainActivity.this, inputText, Toast.LENGTH_SHORT).show();

AlertDialog 警告框
Toast用来显示提示内容，而AlterDialog是警告框，上面可以有一些控件，比如按钮等。下面的代码是初始化AlterDialog并且进行显示的代码，下方的代码是放在点击按钮所触发的方法当中。
（1）AlterDialog通过AlterDialog的Builder进行创建，在创建的时候会指定该AlterDialog在那个Activity上进行显示。

（2）通过setTitle方法给AlterDialog设置标题，通过setMessage给AlterDialog设置内容。

（3）setCancelable()方法，我们在这儿设置的时false，表示弹出的AlterDialog在用户点击返回键是不消失，该值默认是true。

（4）setPositiveButton()方法是设置点击“确定”按钮时的事件, setNegativeButton是设置点击“取消”按钮的事件。通过Toast来展示事件的点击。

  AlertDialog.Builder alterDialog = new AlertDialog.Builder(MainActivity.this);
          alterDialog.setTitle("提示框");
          alterDialog.setMessage("提示内容");
          alterDialog.setCancelable(false);
          alterDialog.setPositiveButton("好的", new DialogInterface.OnClickListener() {
              @Override
              public void onClick(DialogInterface dialog, int which) {
                  Toast.makeText(MainActivity.this, "好的", Toast.LENGTH_SHORT).show();
              }
          });
          alterDialog.setNegativeButton("取消", new DialogInterface.OnClickListener() {
              @Override
              public void onClick(DialogInterface dialog, int which) {
                  Toast.makeText(MainActivity.this, "取消", Toast.LENGTH_SHORT).show();
              }
          });
          alterDialog.show();

image.png

二、四大布局方式
有的地方介绍的是五大布局，因为还有一种是绝对布局（AbsoluteLayout）就是通过坐标和宽高来控制控件的位置，此布局方式在Android开发中已经被弃用了，所以不再今天的讨论范围之内。今天要介绍的布局方式有线性布局（LinearLayout）、相对布局（RelativeLayout）、帧布局（FrameLayout）、表格布局(TableLayout)。

为什么弃用绝对布局呢？我觉得主要是android的开放，由于现在android厂商的屏幕尺寸种类繁多，采用绝对布局来开发或许是一件愚蠢的事情，但是ios则不同。