Android_Notes

Android基础

学习前的声明

1. 语言要求

• 本次学习用到的语言为Java。（Kotlin虽然为Android官方推荐语言，但Java与Kotlin的关系类似于C与C++的关系，学好了Java，便能比较快地上手Kotlin）

2. 设置主界面

• 在AndroidManifest.xml文件中，在如图所示的位置改为想要作为主界面的的java文件名（注意别忘了名称开头要加点）

  注意：若需要运行多个界面，若程序会跳转到多个界面，则也应该将需要运行的多个Activity的java文件名写在AndroidManifest . xml文件中。

  

3. Java代码的说明

• 注意：实例中所给的代码最好别全部复制，需要看清代码的内容再选择进行复制。

• 图中所示代码上方的类名"ButtonStyleActivity"与Java文件名相同，读者在复制代码时需将其改为自己的对应的Java文件名。

• setContentView中的R指的是resource（资源），图中的activity_button_style是layout文件夹里的xml文件的文件名（注意：xml文件的文件名一般都为小写），其含义是将该xml文件设置为该Java文件的布局，读者在复制代码时也应该将其改为自己的xml文件名；

• 类似的，findViewById指的是通过id获得该视图，所以一般在xml文件中为视图定义了变量之后，若想在Java文件中使用，就需要用findViewById函数。图中tv_result = findViewById(R.id.tv_result) 语句中，左边的tv_result是在Java文件中的变量名，类型为TextView（由于示例图片中其被设置为了全局变量，故类型省略），右边的tv_result是xml文件中给视图组件定义的id。（注意：二者名称不一定得相同，只是此时为了易于识别才采取了相同的变量名）。

  

4. 修改虚拟机的底部导航栏

• 首先将在虚拟机的桌面中下滑，即可找到设置选项：

  

• 接着在搜索中输入Button navigation

  

• 最后在所给的几种类型中选择想要的底部导航类型

  

5. 新建Moule(模块)

• 一个Moule可简单理解为一个应用，在左侧栏显示为一个文件夹，如图中划线部分即为一个Module：

  

• 新建方法:

  • 首先，点击此处，并选择"project"：

    

• 接着，在如图所所示的位置（文件名不一定与图中相同）右键后，点击"New"，点击Module即进行新建Module。

  

6. 文件的命名

• 在学习过程中建议采取示例代码里的文件名称，这样便可以顺便学习规范的文件命名方式，并且能够使得文件名容易读懂。

• xml文件名和java文件名均可在示例代码中找到：

  如图中的1、2分别为java文件名和xml文件名。

  

7. 文件的建立

• java文件的建立

  在如图所示位置右键,选择New，选择Java Class：

  

• xml文件的建立

  在学习过程中新建的xml文件多为布局文件，布局文件均放在res/layout目录下。（若无layout文件夹，请自行在res文件夹中创建）

  在如图所示位置右键,选择New，选择Layout Resource File:

  

1. 简单控件

1.1 文本显示

1.1.1 设置文本内容

有两种方式：

1. 在XML文件中通过属性android:text设置文本：

   <?xml version="1.0" encoding="utf-8"?>
   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="match_parent"
       android:layout_height="match_parent">
   
       <TextView
           android:id="@+id/tv_test"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="设置文本内容"/>
   </LinearLayout>
   

(其中android:id="@+id/tv_test" 是为第二种方法做准备)

2. 在Java代码中调用文本视图对象(TextView)的setText方法设置文本：

   public class TestViewActivity extends AppCompatActivity {
       @Override
       protected void onCreate(@Nullable Bundle savedInstanceState) {
           super.onCreate(savedInstanceState);
           setContentView(R.layout.activity_test_view);
           TextView tv_test=findViewById(R.id.tv_test);
           tv_test.setText(R.string.test);
       }
   }
   

（其中，View tv为文本试图为视图对象；R.string.test可用"设置文本内容"代替。但为了方便同时修改一个值，还是用R.string.test方法合适，并在strings.xml文件中加上：

    <string name="test">设置文本内容"</string>

1.1.2 设置字体大小

类似的，也有两种方式：

1.在XML文件中通过属性android:textSize设置文本（要带单位）：

    <TextView
        android:textSize="30dp"/>

其中，字号单位有三种：

• px(PiXel像素)：是手机屏幕的最小显示单位，与设备的显示屏有关。

• dp：指的是与设备无关的显示单位，只与屏幕的尺寸有关。对于相同分辨率的手机，屏幕越大，相同DP的组件占用的屏幕比例越小；对于相同尺寸的手机，即使分辨率不同，相同DP的组件占用的屏幕比例也相同。

• sp：原理与dp类似，但它是专门用于设置字体大小的。当在手机系统调整字体大小时，只有以sp为单位的字体的大小会变化，px和dp则不会改变。

2. 在Java代码中调用文本视图对象的setTextSize方法设置：

   TextView tv_test=findViewById(R.id.tv_test);
   tv_test.setTextSize(30);
   

   此时设置字体大小不用带单位，默认以sp为单位(说明官方推荐以sp作为字体的单位)

1.1.3 设置字体颜色

也有两种方式：

1. 在XML文件中通过属性android:textColor设置文本：

<TextView
    android:textColor="#FF000000"/>

或者：

<TextView
    android:textColor="@color/black"/>

2. 在Java代码中调用文本视图对象(TextView)的setBackgroundColor方法或setBackgroundResource方法设置文本:

   • setBackgroundColor方法(使用系统自带的颜色)：

     TextView tv_test=findViewById(R.id.tv_test);
     tv_test.setBackgroundColor(Color.GREEN);
     

   • setBackgroundResource方法(使用xml文件中自定义的颜色)：

     先在" colors.xml "文件中定义"green"：

     <color name="green">#4CAF50</color>
     

     接着在java文件中：

     TextView tv_test=findViewById(R.id.tv_test);
     tv_test.setBackgroundResource(R.color.green);
     

3. 补充：使用八位十六进制数表示颜色的注意事项：

   • 含义：以八位编码#FFEEDDCC为例，FF表示透明度，EE表示红色的浓度，DD表示绿色的浓度，CC表示蓝色的浓度。

   • 数值含义：透明度从FF到00，透明度逐渐增大；其他的RGB三色数值越大，表示颜色越浓，也就是越亮。

   • 也可以用省略前两位数字，用六位十六进制数表示颜色。在xml文件中默认前两位为FF，也就是完全不透明；在java文件中默认前两位为00，也就是完全透明。

1.2 视图基础

1.2.1 设置视图的宽高

1. 在XML文件中通过属性android:layout设置

   其中，宽高的取值主要有以下三种：

   • match_parent：表示与上级试图一致。

   • warp_content：表示与内容自适应。

   • 以dp为单位的具体尺寸。

2. 在Java代码中调用文本视图对象(TextView)的getLayoutParams方法和setLayoutParams方法设置文本：

   首先确保XML文件的宽高属性值为wrap_content：

       <TextView
           android:id="@+id/tv_code"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="通过代码指定试图宽度"
           android:textSize="30dp"
           android:textColor="#000000"
           android:background="#00ffff"/>
   

   接着在JAVA文件中依次执行以下三个步骤：

   • 调用控件对象的getLayoutParams方法，获取该控件的布局参数。

     TextView tv_code =findViewById(R.id.tv_code);
     //获取tv_code的布局参数(含宽度和高度)
     ViewGroup.LayoutParams params = tv_code.getLayoutParams();
     

   • 修改布局参数的width属性值。

     • 首先在原先的java文件所在的com.example文件夹中新建一个java类，并输入以下代码完成dp与px的换算。示例中以"Utils"命名。

       public class Utils {
           public  static  int dip2px(Context context, float dpvalue){
               //获取当前手机的像素密度(1个dp对应几个px)
               float scale =context.getResources().getDisplayMetrics().density;
               //四舍五入取整
               return (int)(dpvalue * scale +0.5f);
           }
       }
       

     • 接着在原来的java文件中（如此时将宽度设置为300dp）：

       //此处params.width默认的单位是像素px，故此时需要将单位dp利用公式换算成px：
       params.width=Utils.dip2px(this,300);
       

     • 最后调用控件对象的setLayoutParams方法，填入修改后的布局参数即可生效。

       //设置tv_code的布局参数
       tv_code.setLayoutParams(params);
       

1.2.2 设置视图的间距

可在XML文件中改变两种属性：

• layout_margin 属性（设置外间距），它指定了当前视图与周围同级视图之间的距离，包括layout_margin , layout_marginLeft , layout_marginRight , layout_marginTop , layout_marginBottom等属性。

• padding 属性（设置内间距），它指定了当前视图与内部下级视图之间的距离 , 包括padding , paddingLeft , paddingTop , paddingRight , paddingBottom等属性。

  代码示例：

  <?xml version="1.0" encoding="utf-8"?>
  <!--最外层的布局背景为蓝色-->
  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="300dp"
      android:orientation="vertical"
      android:background="#00AAFF">
  
      <!--中间层的布局背景为黄色-->
      <LinearLayout
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:background="#FFFF99"
          android:layout_margin="20dp"
          android:padding="60dp">
  
          <!--最内层的视图背景为红色和绿色-->
          <View
              android:layout_width="50dp"
              android:layout_height="50dp"
              android:background="#FF0000"/>
          <View
              android:layout_width="50dp"
              android:layout_height="50dp"
              android:background="#00FF22"
              android:layout_marginLeft="100dp"/>
      </LinearLayout>
   </LinearLayout>
  

  其中，中间层的Linearout与内层的View是上级和下级视图的关系，故应该在Linearout里设置padding属性 ；内层的两个view是同级视图的关系，故可在其中一个view中设置layout_margin属性。

  注意： 当设置的视图大小与间距属性冲突时（如设置padding属性时，内部视图的大小超过了外部视图，则会优先考虑视图间距属性。)

  最终效果：

  

1.2.3 设置视图的对齐方式

类似的，在XML文件中也有两种属性：

• layout_gravity 属性，它指定了当前视图相对于上级视图的对齐方式。

• gravity 属性，它指定了下级视图相对于当前视图的对齐方式。

  二者的取值包括：left , right , bottom , top 。

  还可以用竖线 “ | ” 同时取值，例如 letf|top 表示既靠左又靠上，也就是朝左上角对齐。此外，此方式没有顺序要求，即此时 top|left也有相同的效果。

  代码示例：

  <?xml version="1.0" encoding="utf-8"?>
  <!--最外层的布局背景为蓝色-->
  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="600dp"
      android:orientation="horizontal"
      android:background="#FFFF99">
  
      <!--第一个子布局背景为红色，它在上级视图中朝下对齐，它的下级视图则靠左上对齐-->
      <LinearLayout
          android:layout_width="100dp"
          android:layout_height="200dp"
          android:layout_margin="10dp"
          android:background="#F44336"
          android:layout_gravity="bottom"
          android:padding="10dp"
          android:layout_weight="1"
          android:gravity="left|top">
  
          <View
              android:layout_width="200dp"
              android:layout_height="100dp"
              android:background="#00BCD4"
      </LinearLayout>
      <!--第二个子布局背景为红色，它在上级视图中朝上对齐，它的下级视图则靠右下对齐-->
          <LinearLayout
              android:layout_width="100dp"
              android:layout_height="200dp"
              android:layout_margin="10dp"
              android:background="#F44336"
              android:layout_gravity="top"
              android:padding="10dp"
              android:layout_weight="1"
              android:gravity="right|bottom">
  
              <View
                  android:layout_width="200dp"
                  android:layout_height="100dp"
                  android:background="#00BCD4"
      </LinearLayout>
   </LinearLayout>
  

  最终效果：

  

1.3 常用布局

1.3.1 线性布局LinearLayout

• 线性布局的排列方式(orientation)

  线性布局有两种排列方式，可通过改变LinearLayout中的orientation的属性值（不指定时默认为水平排列）：

  • 水平排列：设置属性值为horizontal ，使得内部视图从左往右排列。

  • 垂直排列：设置属性值为vertical ，使得内部视图从上往下排列。

• 线性布局的权重(layout_weight)

  指的是线性布局的下级视图各自拥有多大比例的宽高（当个视图所占的比例=其权重/同级视图的权重和）。

  权重属性layout_weight 不在layout_weight 节点设置，而在线性布局的直接下级视图设置。

  • 当layout_width为0dp 时，layout_weight表示水平方向的宽度比例。

  • 当layout_height为0dp 时，layout_weight表示垂直方向的宽度比例。

• 代码示例：

  <?xml version="1.0" encoding="utf-8"?>
  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="vertical">
  
      <LinearLayout
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:orientation="horizontal">
  
          <TextView
              android:layout_width="0dp"
              android:layout_height="wrap_content"
              android:text="横排第一个"
              android:textSize="30dp"
              android:background="#00BCD4"
              android:layout_weight="1"/>
          <TextView
              android:layout_width="0dp"
              android:layout_height="wrap_content"
              android:text="横排第二个"
              android:textSize="30dp"
              android:background="#E91E63"
              android:layout_weight="1"/>
          <TextView
              android:layout_width="0dp"
              android:layout_height="wrap_content"
              android:text="横排第三个"
              android:textSize="30dp"
              android:background="#8BC34A"
              android:layout_weight="1"/>
      </LinearLayout>
  
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="0dp"
          android:text="竖排第一个"
          android:textSize="30dp"
          android:background="#FFC107"
          android:layout_weight="2"/>
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="0dp"
          android:text="竖排第二个"
          android:textSize="30dp"
          android:background="#FF5722"
          android:layout_weight="1"/>
  
  </LinearLayout>
  

  此时横排的TextView 视图各占三分之一，竖排的分别占三分之二和三分之一。

  横排的TextView 视图由于均为水平排列，且均把layout_width设置为0dp，故此时layout_weight表示水平方向的宽度比例；竖排同理。

  最终效果：

  

1.3.2 相对布局RelativeLayout

• RelativeLayout的下级视图的位置可由其他视图的位置决定（若不设定则默认显示在RelativeLayout内部的左上角）。用于确定下级视图位置的参照物有两种：

  • 与该下级视图平级的视图。

  • 该视图的上级视图（即它归属的RelativeLayout）。

• RelativeLayout的属性

  

• 代码示例

  • 以上级视图为参照物(属性值为true或false)：

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <TextView
            android:id="@+id/tv_center"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="我在中间"
            android:textSize="16dp"
            android:layout_centerInParent="true"/>
        <TextView
            android:id="@+id/tv_topleft"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="我在左上角"
            android:textSize="16dp"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"/>
        <TextView
            android:id="@+id/tv_bottomright"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="我在右下角"
            android:textSize="16dp"
            android:layout_alignParentRight="true"
            android:layout_alignParentBottom="true"/>
    
    </RelativeLayout>
    

    效果图：

    

  • 与该下级视图平级的视图为参照物(属性值为作为参照物的同级视图的id)

    • 易错：如向将一个视图设置在其平级视图的左边时，不应只设置layout_toLeftOf属性，否则会出现这种情况：

      <?xml version="1.0" encoding="utf-8"?>
      <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:layout_width="match_parent"
          android:layout_height="match_parent">
          <TextView
              android:id="@+id/tv_center"
              android:layout_width="200dp"
              android:layout_height="100dp"
              android:layout_centerInParent="true"
              android:text="我在中间"
              android:textSize="16dp" />
          <TextView
              android:id="@+id/tv_left"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:text="同级视图左边"
              android:textSize="16dp"
              android:layout_toLeftOf="@id/tv_center"/>
      </RelativeLayout>
      

      

      所以应该再设置layout_above(在参照物的左上方)或layout_below(在参照物的右上方)属性:

      <?xml version="1.0" encoding="utf-8"?>
      <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:layout_width="match_parent"
          android:layout_height="match_parent">
          <TextView
              android:id="@+id/tv_center"
              android:layout_width="200dp"
              android:layout_height="100dp"
              android:layout_centerInParent="true"
              android:text="我在中间"
              android:textSize="16dp" />
          <TextView
              android:id="@+id/tv_left"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:text="同级视图左边"
              android:textSize="16dp"
              android:layout_toLeftOf="@id/tv_center"
              android:layout_above="@id/tv_center"/>
      </RelativeLayout>
      

      

1.3.3 网格布局GridLayout

• 网格布局支持多行多列的表格排列。

• 网格布局默认从左往右、从上到下排列，其主要有两个属性：

  • columnCount属性：它指定了网格的列数，即每行能放多少个视图。

  • rowCount属性：它指定了网格的行数，即每列能放多少个视图。

• 代码示例：

  <?xml version="1.0" encoding="utf-8"?>
  <GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:columnCount="2"
      android:rowCount="2">
  
      <TextView
          android:layout_width="0dp"
          android:layout_height="60dp"
          android:background="#F6E0E0"
          android:text="粉色"
          android:textSize="16dp"
          android:textColor="#000000"
          android:gravity="center"
          android:layout_columnWeight="1"/>
      <TextView
          android:layout_width="0dp"
          android:layout_height="60dp"
          android:background="#FF9800"
          android:text="橙色"
          android:textSize="16dp"
          android:textColor="#000000"
          android:gravity="center"
          android:layout_columnWeight="1"/>
      <TextView
          android:layout_width="0dp"
          android:layout_height="60dp"
          android:background="#08FF00"
          android:text="绿色"
          android:textSize="16dp"
          android:textColor="#000000"
          android:gravity="center"
          android:layout_columnWeight="1"/>
      <TextView
          android:layout_width="0dp"
          android:layout_height="60dp"
          android:background="#8000FF"
          android:text="深紫色"
          android:textSize="16dp"
          android:textColor="#000000"
          android:gravity="center"
          android:layout_columnWeight="1"/>\
  
  </GridLayout>
  

  注意：

  1. 为了使字体在视图中间，需要用到先前学的gravity属性(字体text为当前视图TextView组件的下级视图)。

  2. 为了使得每列的TextView视图均占GridLayout视图的一半，需要用到先前学的权重属性，但GridLayout里的权重名称变成了layout_columnWeight和layout_rowWeight，分别修改列和行的视图的权重。

• 最终结果

  

1.3.4 滚动视图ScrollView

当下级视图的大小超出屏幕或当前视图时，可以使用滚动视图来滑动。有两种滚动视图：

• ScrollView

  它是垂直方向的滚动视图；当需要垂直方向的滚动时，它的layout_width的属性值需要设置为match_parent，layout_height属性值需要设置为wrap_content。

• HorizontalScrollView

  它是水平方向的滚动视图；当需要水平方向的滚动时，它的layout_width的属性值需要设置为wrap_parent，layout_height属性值需要设置为match_content。

• 代码示例

  <?xml version="1.0" encoding="utf-8"?>
  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="vertical">
  
      <HorizontalScrollView
          android:layout_width="wrap_content"
          android:layout_height="200dp">
  
          <LinearLayout
              android:layout_width="wrap_content"
              android:layout_height="match_parent"
              android:orientation="horizontal">
  
              <View
                  android:layout_width="300dp"
                  android:layout_height="match_parent"
                  android:background="#aaffff"/>
              <View
                  android:layout_width="300dp"
                  android:layout_height="match_parent"
                  android:background="#ffff00"/>
  
          </LinearLayout>
  
      </HorizontalScrollView>
  
      <ScrollView
          android:layout_width="match_parent"
          android:layout_height="wrap_content">
  
      <LinearLayout
          android:layout_width="wrap_content"
          android:layout_height="match_parent"
          android:orientation="vertical">
  
          <View
              android:layout_width="match_parent"
              android:layout_height="400dp"
              android:background="#2196F3"/>
          <View
              android:layout_width="match_parent"
              android:layout_height="400dp"
              android:background="#FF5722"/>
  
      </LinearLayout>
  
      </ScrollView>
  
  </LinearLayout>
  

  此时HorizontalScrollView里的两个TextView的宽度加起来太大了，故需要用到HorizontalScrollView；ScrollView里的两个TextView的高度加起来太大了，故需要用到ScrollView；

  最终效果：

  

1.4 按钮控件Button

• Button是TextView的子类，因此它也是一种视图。(而TextView是View的子类)。Button与TextView的区别主要有：

  • Button有默认的按钮背景颜色，而TextView则没有。

  • Button的内部文本默认居中对齐，而TextView的内部文本默认靠左上角对齐。

1.4.1 新增属性

• 与TextView相比，Button新增了两个属性：

  • textAllCaps属性

    它指定了是否将英文字母全部转为大写，为true表示转为大写，为false则不做大写转换。

  • onClick属性

    它用来接管用户的点击动作，其属性值是点击按钮时触发的方法。

  • 代码示例：

    • 首先，在xml文件中：

      <?xml version="1.0" encoding="utf-8"?>
      <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:orientation="vertical"
          android:padding="5dp">
          <TextView
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:text="下面的按钮默认英文为原样："
              android:textColor="@color/black"
              android:textSize="17sp"
              android:gravity="center"/>
          <Button
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:text="Hello World!"
              android:textColor="@color/black"
              android:textSize="17sp"/>
      
          <TextView
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:text="下面的按钮设置英文为大写："
              android:textColor="@color/black"
              android:textSize="17sp"
              android:gravity="center"/>
          <Button
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:text="Hello World!"
              android:textColor="@color/black"
              android:textSize="17sp"
              android:textAllCaps="true"/>
      
          <LinearLayout
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical"
              android:layout_marginTop="50sp">
              <Button
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:text="直接指定点击方法"
                  android:textColor="@color/black"
                  android:textSize="17sp"
                  android:textAllCaps="true"
                  android:onClick="doclick"/>
              <TextView
                  android:id="@+id/tv_result"
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:text="这里显示按钮的点击结果"
                  android:textSize="17sp"
                  android:textColor="@color/black"/>
      
          </LinearLayout>
      
      </LinearLayout>
      

    • 为了实现”直接指定直接方法“按钮的点击按钮则出现语句的功能，还需要在java文件中写上:

      package com.example.chapter03;
      
      import android.os.Bundle;
      import android.view.View;
      import android.widget.Button;
      import android.widget.TextView;
      
      import androidx.annotation.Nullable;
      import androidx.appcompat.app.AppCompatActivity;
      import androidx.compose.ui.text.TextRange;
      
      import com.example.chapter03.util.DateUtil;
      
      public class ButtonStyleActivity extends AppCompatActivity {
      
          private TextView tv_result;
      
          @Override
          protected void onCreate(@Nullable Bundle savedInstanceState) {
              super.onCreate(savedInstanceState);
              setContentView(R.layout.activity_button_style);
              //（涉及生命周期知识）选择在中创建tv_result：tv_result创建在onCreat中,findViewById（该语句）只需要执行一次；若创建在doclick中，则是每点击一次执行一次，太麻烦了
              tv_result = findViewById(R.id.tv_result);//按下Ctrl+Alt+f之后，再按下回车键，将tv_result从局部变量设置为全局变量
          }
      
          public void doclick(View v){
              String desc =String.format("您在%s时点击了按钮：”%s“", DateUtil.getNowTime(),((Button) v).getText());
              tv_result.setText(desc);//显示的时间不是现实时间，而是虚拟机里的时间
          }
      }
      

    • 接着再新建一个名为DateUtil（名字可任意）的java文件，在里面写上：

      package com.example.chapter03.util;
      
      import java.text.SimpleDateFormat;
      import java.util.Date;
      
      public class DateUtil {
      
          public static String getNowTime(){
              SimpleDateFormat sdf = new SimpleDateFormat("HH:mm:ss");
              return sdf.format(new Date());
          }
      }
      

      最终效果：

      点击前：

      

      点击后：

      

1.4.2 点击事件

• 补充知识点：监听器是专门监听控件的动作行为，只有控件发生了指定的动作，监听器才会触发开关去执行对应的代码逻辑。

• 点击监听器（OnClickListener）通过setOnClickListenrt方法(View的一个内部接口)设置。按钮被按住少于500毫秒时才会触发点击事件。

• 实现点击事件有两种常用方法

  • 首先现在xml文件中：

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    
        <Button
            android:id="@+id/btn_click_single"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="设置单独的点击监听器"
            android:textColor="#000000"
            android:textSize="15sp"/>
        <Button
            android:id="@+id/btn_click_public"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="设置公共的点击监听器"
            android:textColor="#000000"
            android:textSize="15sp"/>
    
        <TextView
            android:id="@+id/tv_result"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="5dp"
            android:gravity="center"
            android:textColor="#000000"
            android:textSize="15sp"
            android:text="这里查看按钮的点击结果"/>
    
    </LinearLayout>
    

  接着在java文件中：

  • 法一：新建一个类MyOnClickListener（名称可自定义）来实例化OnClickListener

    package com.example.chapter03;
    
    import android.os.Bundle;
    import android.view.View;
    import android.widget.Button;
    import android.widget.TextView;
    
    import androidx.annotation.Nullable;
    import androidx.appcompat.app.AppCompatActivity;
    
    import com.example.chapter03.util.DateUtil;
    
    public class ButtonClickActivity extends AppCompatActivity {
    
        private static TextView tv_result;
    
        @Override
        protected void onCreate(@Nullable Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_button_click);
            findViewById(R.id.btn_click_single);
            tv_result = findViewById(R.id.tv_result);
            Button btn_click_single = findViewById(R.id.btn_click_single);
            btn_click_single.setOnClickListener(new MyOnClickListener());
    
        }
    
        static class MyOnClickListener implements View.OnClickListener{//1.当监听到按钮被点击
            //2.就执行该回调方法
            @Override
            public void onClick(View v) {//注意别漏了实现该接口的抽象方法
                String desc =String.format("您在%s时点击了按钮：”%s“", DateUtil.getNowTime(),((Button) v).getText());
                tv_result.setText(desc);//在My0nClickListener类里使用tv_result有两点要注意
                //1.要在My0nClickListener类对着tv_result按下Ctrl+Alt+f，将其设置全局变量
                //2.由于My0nClickListener类是static（静态）的，而tv_result不是静态的，因此需要将tv_result也设置为静态的：private static TextView tv_result
            }
        }
    }
    

    最终效果（当点击第一个按钮时有反应，点击第二个没反应）

    

  • 法二：用当前activity的类(此时为ButtonClickActivity)来实例化OnClickListener

    package com.example.chapter03;
    
    import android.os.Bundle;
    import android.view.View;
    import android.widget.Button;
    import android.widget.TextView;
    
    import androidx.annotation.Nullable;
    import androidx.appcompat.app.AppCompatActivity;
    
    import com.example.chapter03.util.DateUtil;
    
    public class ButtonClickActivity extends AppCompatActivity implements View.OnClickListener{
    
        private static TextView tv_result;
        @Override
        protected void onCreate(@Nullable Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_button_click);
            findViewById(R.id.btn_click_public);
            tv_result = findViewById(R.id.tv_result);
            Button btn_click_public = findViewById(R.id.btn_click_public);
            btn_click_public.setOnClickListener(this);//this指当前activity(ButtonClickActivity)的实例
        }
        @Override
        public void onClick(View view) {
            if(view.getId()==R.id.btn_click_public){
                String desc =String.format("您在%s时点击了按钮：”%s“，并通过当前的类ButtonClickActivity实现", DateUtil.getNowTime(),((Button) view).getText());
                tv_result.setText(desc);
            }
        }
    }
    

    最终效果（当点击第二个按钮时有反应，点击第一个没反应）

    

1.4.3 长按点击事件

• 长按监听器（OnLongClickListener）通过setOnLongClickListenrt方法设置。按钮被按住大于等于500毫秒时才会触发 长按点击事件。

• 实现长按点击事件（包括上述的点击事件），除了上述两种方法之外，还有第三种方法，那就用匿名内部类的方式：

  • 首先在xml文件中：

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    
        <Button
            android:id="@+id/btn_long_click"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="设置长按点击监听器"
            android:textColor="#000000"
            android:textSize="15sp"/>
    
        <TextView
            android:id="@+id/tv_result"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="5dp"
            android:gravity="center"
            android:textColor="#000000"
            android:textSize="15sp"
            android:text="这里查看按钮的点击结果"/>
    
    </LinearLayout>
    

  • 接着在java文件中：

    package com.example.chapter03;
    
    import android.os.Bundle;
    import android.view.View;
    import android.widget.Button;
    import android.widget.TextView;
    
    import androidx.annotation.Nullable;
    import androidx.appcompat.app.AppCompatActivity;
    
    import com.example.chapter03.util.DateUtil;
    
    public class ButtonLongClickActivity extends AppCompatActivity {
        @Override
        protected void onCreate(@Nullable Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_button_long_click);
            TextView tv_result=findViewById(R.id.tv_result);
            Button btn_long_click=findViewById(R.id.btn_long_click);
            //用匿名内部类的方式：
            btn_long_click.setOnLongClickListener(new View.OnLongClickListener() {
                @Override
                public boolean onLongClick(View view) {
                    String desc =String.format("您在%s时点击了按钮：”%s“，并通过匿名类实现", DateUtil.getNowTime(),((Button) view).getText());
                    tv_result.setText(desc);
                    return true;
                }
            });
        }
    }
    

    onLongClick函数的返回值的说明：若当前长按按钮控件之外还有一个带有长按按钮的父容器时，若返回值为true，则当前长按按钮控件会消耗（触发）点击事件而不会往外传给父容器；若返回值为false时，则当前长按按钮控件自身不会消耗（触发）点击事件，而是传给父容器，由父容器来消耗（涉及到事件冒泡知识，感兴趣可自行了解）

    此外，jdk 8版本以上还可以将new View.OnLongClickListener()方法用lambda表达式来替换：

    btn_long_click.setOnLongClickListener(view -> {
        String desc = String.format("您在%s时点击了按钮：”%s“，并通过匿名类实现", DateUtil.getNowTime(), ((Button) view).getText());
        tv_result.setText(desc);
        return true;
    

    最终效果：当点击按钮超过300毫秒时才有反应

    

1.4.4 禁用与恢复按钮

• 在实际开发过程中（如点击按钮发送验证码给手机后60s内，无法再次点击按钮来发送验证码），按钮通常拥有两种状态，即不可用状态与可用状态，它们在外观和功能上的区别如下：

  • 不可用按钮：按钮不允许点击，即按钮点击也没反应，且按钮文字为灰色。

  • 可用按钮：按钮允许点击，点击按钮会触发点击事件，同时按钮文字为正常的黑色。

• 按钮是否允许点击由enabled属性控制，属性值为true时表示允许点击，为false时表示不允许点击。

• 实例：

  • 首先，在xml文件中：

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
    
            <Button
                android:id="@+id/btn_enable"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="启用测试按钮"
                android:textSize="17sp"/>
            <Button
                android:id="@+id/btn_disable"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="禁用测试按钮"
                android:textSize="17sp"/>
        </LinearLayout>
        <Button
            android:id="@+id/btn_test"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="测试按钮"
            android:textColor="#888888"
            android:textSize="17sp"
            android:enabled="false"/>
        <TextView
            android:id="@+id/tv_result"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="这里查看测试按钮的点击结果"/>
    
    </LinearLayout>
    

  • 接着，在java文件中：

    package com.example.chapter03;
    
    import android.annotation.SuppressLint;
    import android.graphics.Color;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.Button;
    import android.widget.TextView;
    
    import androidx.annotation.Nullable;
    import androidx.appcompat.app.AppCompatActivity;
    
    import com.example.chapter03.util.DateUtil;
    
    public class ButtonEnableActivity extends AppCompatActivity implements View.OnClickListener {
    
        private TextView btn_test;
        private TextView tv_result;
        private TextView tvResult;
        private Button btnTest;
    
        @SuppressLint("WrongViewCast")
        @Override
        protected void onCreate(@Nullable Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_bitton_enable);
            Button btn_enable =findViewById(R.id.btn_enable);
            Button btn_disable =findViewById(R.id.btn_disable);
            btn_test = findViewById(R.id.btn_test);//设置为全局变量：鼠标对着该变量名”btn_test“，再按下ctrl+alt+f，最后按下回车
            tv_result = findViewById(R.id.tv_result);//设置为全局变量
            //设置点击事件
            btn_enable.setOnClickListener(this);//设置公共的点击事件方法：将鼠标对着“this”,再按下alt+回车，最后再选择“mark...”选项
            btn_disable.setOnClickListener(this);
            btn_test.setOnClickListener(this);
        }
        //设置公共的点击事件
        @Override
        public void onClick(View view) {
            //由于在此处还需使用btn_test与tv_result，故需要将二者设置为全局变量
            if(view.getId()==R.id.btn_enable){
                btn_test.setEnabled(true);//启用当前控件
                btn_test.setTextColor(Color.BLACK);//设置按钮的文字颜色
            } if (view.getId()==R.id.btn_disable) {
                btn_test.setEnabled(false);
                btn_test.setTextColor(Color.GRAY);
            } if (view.getId()==R.id.btn_test) {
                String desc =String.format("您在%s时点击了按钮：”%s“", DateUtil.getNowTime(),((Button) view).getText());
                tv_result.setText(desc);
            }
        }
    }
    

• 最终效果：

  刚开始时：

  

  按下”启用按钮“按钮后：

  

  按下”测试按钮“后：

  

  按下”禁用测试按钮“后：

  

1.5 图像显示

1.5.1 图像视图ImageView

• 图像视图展示的图片通常位于res/drawable目录。

• 设置图像视图的显示图片有两种方式（例子中的图片文件名为”img_test01“，且位于res/drawable目录）：

  • 在xml文件中，通过属性android:src设置图片资源，属性值格式形如”@drawable/不含拓展名的图片名称“。

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <ImageView
            android:id="@+id/iv_scale"
            android:layout_width="match_parent"
            android:layout_height="200dp" />
    </LinearLayout>
    

  • 在java代码中，使用setImageResource方法设置图片资源，方法参数格式形如”R.drawable.不含拓展名的图片名称“。

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <ImageView
            android:id="@+id/iv_scale"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:scaleType="center"/>
    </LinearLayout>
    

• 图像视图的缩放

  • ImageView本身默认图片居中显示（默认为fitCenter/FIT_CENTER类型)，若要改变图片的显示方式，可通过scaleType属性设定，该属性的取值说明如下：

    

  • 该部分可自行去试验。

  • center、centerInside、fitCenter、centerCrop的区别

    • 它们之间的区别在于：fitCenter既允许缩小图片，也允许放大图片；centerInside只允许缩小图片；center始终保持图片的原始尺寸（如果图片太大，则视图中只能显示图片的一部分），既不允许缩小图片，也不允许放大图片；centerCrope既可能缩小图片，也可能放大图片，最终结果是使得图片充满视图，可能使得图片宽高比例被改变。因此，当图片尺寸大于视图时，centerInside与fitCenter都会缩小图片，此时它俩的显示效果相同；当图片尺寸小于视图时，centerInside与center都会保持图片大小不变，此时它们的显示效果相同。

1.5.2 图像按钮ImageButton

• ImageButton 是显示图片的图像按钮，它继承于ImageView，而非Button。

• ImageButton与ImageView之间的区别有：

  • ImageButton上的图像可按比例缩放，而Button通过背景设置的图像会拉伸变形，故通常图片按钮是通过ImageButton来实现。

  • Button只能靠背景显示一张图片，而ImageButton可分别在前景和背景显示图片，从而实现两张图片叠加的效果。

  • ImageButton有默认的按钮背景，ImageView默认无背景。

  • ImageButton默认的缩放类型为center，而ImageView默认的缩放类型为fitCenter

  • 示例代码

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    
        <ImageButton
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:src="@drawable/img_test01"
            android:scaleType="fitCenter"/>
    </LinearLayout>
    

1.5.3 同时展示文本与图像

• 同时展示文本与图像主要有两种方式：

  • 利用LinearLayout对ImageView和TextView进行组合布局。

  • 通过按钮控件Button的drawablexx属性来设置文本周围的图标。

    • 

    • 注意：通常按钮控件Button的背景默认为紫色且无法覆盖，所以需要进行以下操作：

      • 首先在"AndroidMainfest.xml"文件中，按下ctrl键后用鼠标点击如图圈出的位置：

        

      • 接着会进入“themes.xml"文件中，将划线的位置改为图片中划线部分的代码：

        

1.6 项目实践：简单计算器

以下是示例代码：

1.6.1 values文件夹

• strings . xml文件

  <resources>
      <string name="app_name">MyApplication01</string>
      <string name="test">设置文本内容"</string>
      <string name="title_activity_linear_layout">LinearLayoutActivity</string>
      <string name="simple_calculator">简单计算器</string>
      <string name="cancle">CE</string>
      <string name="clear">C</string>
      <string name="plus">+</string>
      <string name="minus">-</string>
      <string name="divide">÷</string>
      <string name="multiply">×</string>
      <string name="one">1</string>
      <string name="two">2</string>
      <string name="three">3</string>
      <string name="four">4</string>
      <string name="five">5</string>
      <string name="six">6</string>
      <string name="seven">7</string>
      <string name="eight">8</string>
      <string name="nine">9</string>
      <string name="zero">0</string>
      <string name="dot">.</string>
      <string name="equal">=</string>
      <string name="sqrt">sqrt</string>
      <string name="reciprocal">1/x</string>
  </resources>
  

• 在values文件夹中再新建一个名为dimens . xml的文件

  <?xml version="1.0" encoding="utf-8"?>
  <resources>
  
      <dimen name="button_font_size">30sp</dimen>
      <dimen name="button_height">80dp</dimen>
  </resources>
  

1.6.2 layout文件夹

• 新建一个名为activity_calculator . xml的文件

  <?xml version="1.0" encoding="utf-8"?>
  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="vertical"
      android:background="#EEEEEE"
      android:padding="5dp">
  
  <!--用滚动视图可以避免某些型号手机的尺寸太小-->
      <ScrollView
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:orientation="vertical">
  
  <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:orientation="vertical">
  
      <!--计算器的名称-->
      <TextView
          android:layout_width="match_parent"
          android:layout_height="40dp"
          android:gravity="center"
          android:text="@string/simple_calculator"
          android:textColor="@color/white"
          android:textSize="20sp"
          android:background="#03A9F4"/>
  
      <!--显示的数字，这里最后加上的lines指高度为几行-->
      <TextView
          android:id="@+id/tv_result"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:background="@color/white"
          android:gravity="bottom|right"
          android:text="@string/zero"
          android:textSize="25sp"
          android:textColor="@color/black"
          android:lines="3"/>
  
      <GridLayout
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:rowCount="5"
          android:columnCount="4">
  
          <Button
              android:id="@+id/btn_cancle"
              android:layout_width="0dp"
              android:layout_columnWeight="1"
              android:layout_height="@dimen/button_height"
              android:text="@string/cancle"
              android:textSize="@dimen/button_font_size"
              android:textColor="@color/black"/>
          <Button
              android:id="@+id/btn_divide"
              android:layout_width="0dp"
              android:layout_columnWeight="1"
              android:layout_height="@dimen/button_height"
              android:text="@string/divide"
              android:textSize="@dimen/button_font_size"
              android:textColor="@color/black"/>
          <Button
              android:id="@+id/btn_mutiply"
              android:layout_width="0dp"
              android:layout_columnWeight="1"
              android:layout_height="@dimen/button_height"
              android:text="@string/multiply"
              android:textSize="@dimen/button_font_size"
              android:textColor="@color/black"/>
          <Button
              android:id="@+id/btn_clear"
              android:layout_width="0dp"
              android:layout_columnWeight="1"
              android:layout_height="@dimen/button_height"
              android:text="@string/clear"
              android:textSize="@dimen/button_font_size"
              android:textColor="@color/black"/>
          <Button
              android:id="@+id/btn_seven"
              android:layout_width="0dp"
              android:layout_columnWeight="1"
              android:layout_height="@dimen/button_height"
              android:text="@string/seven"
              android:textSize="@dimen/button_font_size"
              android:textColor="@color/black"/>
          <Button
              android:id="@+id/btn_eight"
              android:layout_width="0dp"
              android:layout_columnWeight="1"
              android:layout_height="@dimen/button_height"
              android:text="@string/eight"
              android:textSize="@dimen/button_font_size"
              android:textColor="@color/black"/>
          <Button
              android:id="@+id/btn_nine"
              android:layout_width="0dp"
              android:layout_columnWeight="1"
              android:layout_height="@dimen/button_height"
              android:text="@string/nine"
              android:textSize="@dimen/button_font_size"
              android:textColor="@color/black"/>
          <Button
              android:id="@+id/btn_plus"
              android:layout_width="0dp"
              android:layout_columnWeight="1"
              android:layout_height="@dimen/button_height"
              android:text="@string/plus"
              android:textSize="@dimen/button_font_size"
              android:textColor="@color/black"/>
          <Button
              android:id="@+id/btn_four"
              android:layout_width="0dp"
              android:layout_columnWeight="1"
              android:layout_height="@dimen/button_height"
              android:text="@string/four"
              android:textSize="@dimen/button_font_size"
              android:textColor="@color/black"/>
          <Button
              android:id="@+id/btn_five"
              android:layout_width="0dp"
              android:layout_columnWeight="1"
              android:layout_height="@dimen/button_height"
              android:text="@string/five"
              android:textSize="@dimen/button_font_size"
              android:textColor="@color/black"/>
          <Button
              android:id="@+id/btn_six"
              android:layout_width="0dp"
              android:layout_columnWeight="1"
              android:layout_height="@dimen/button_height"
              android:text="@string/six"
              android:textSize="@dimen/button_font_size"
              android:textColor="@color/black"/>
          <Button
              android:id="@+id/btn_minus"
              android:layout_width="0dp"
              android:layout_columnWeight="1"
              android:layout_height="@dimen/button_height"
              android:text="@string/minus"
              android:textSize="@dimen/button_font_size"
              android:textColor="@color/black"/>
          <Button
              android:id="@+id/btn_one"
              android:layout_width="0dp"
              android:layout_columnWeight="1"
              android:layout_height="@dimen/button_height"
              android:text="@string/one"
              android:textSize="@dimen/button_font_size"
              android:textColor="@color/black"/>
          <Button
              android:id="@+id/btn_two"
              android:layout_width="0dp"
              android:layout_columnWeight="1"
              android:layout_height="@dimen/button_height"
              android:text="@string/two"
              android:textSize="@dimen/button_font_size"
              android:textColor="@color/black"/>
          <Button
              android:id="@+id/btn_three"
              android:layout_width="0dp"
              android:layout_columnWeight="1"
              android:layout_height="@dimen/button_height"
              android:text="@string/three"
              android:textSize="@dimen/button_font_size"
              android:textColor="@color/black"/>
          <Button
              android:id="@+id/btn_sqrt"
              android:layout_width="0dp"
              android:layout_columnWeight="1"
              android:layout_height="@dimen/button_height"
              android:text="@string/sqrt"
              android:textSize="@dimen/button_font_size"
              android:textColor="@color/black"
              android:textAllCaps="false"/>
          <Button
              android:id="@+id/btn_reciprocal"
              android:layout_width="0dp"
              android:layout_columnWeight="1"
              android:layout_height="@dimen/button_height"
              android:text="@string/reciprocal"
              android:textSize="@dimen/button_font_size"
              android:textColor="@color/black"
              android:textAllCaps="false"/>
          <Button
              android:id="@+id/btn_zero"
              android:layout_width="0dp"
              android:layout_columnWeight="1"
              android:layout_height="@dimen/button_height"
              android:text="@string/zero"
              android:textSize="@dimen/button_font_size"
              android:textColor="@color/black"
              android:textAllCaps="false"/>
          <Button
              android:id="@+id/btn_dot"
              android:layout_width="0dp"
              android:layout_columnWeight="1"
              android:layout_height="@dimen/button_height"
              android:text="@string/dot"
              android:textSize="@dimen/button_font_size"
              android:textColor="@color/black"
              android:textAllCaps="false"/>
          <Button
              android:id="@+id/btn_equal"
              android:layout_width="0dp"
              android:layout_columnWeight="1"
              android:layout_height="@dimen/button_height"
              android:text="@string/equal"
              android:textSize="@dimen/button_font_size"
              android:textColor="@color/black"
              android:textAllCaps="false"/>
  
      </GridLayout>
  </LinearLayout>
  
      </ScrollView>
  </LinearLayout>