AndroidStudio入门基础(二)——基础组件

目录

下面就是今天要介绍的组件们啦~~

1.TextView

2.Button

3.EditText

4.RadioButton

5.CheckBox

6.Image


1.TextView

①文字的大小、颜色

下面代码中我的备注方式是不对的哈

AndroidStudio入门基础(二)——基础组件_第1张图片

 

②文字显示不完时用...代替

 

AndroidStudio入门基础(二)——基础组件_第2张图片

 

③文字上显示中划线、下划线

显示中划线和下划线这个样式就是.xml文件里面设置不了的样式了,需要在java代码中设置。


public class SecondActivity extends AppCompatActivity {
    TextView textView1,textView2;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.second_layout);

        textView1=findViewById(R.id.tv_1);
        textView2=findViewById(R.id.tv_2);

        //中划线
        textView1.getPaint().setFlags(Paint.STRIKE_THRU_TEXT_FLAG);
        //下划线
        textView2.getPaint().setFlags(Paint.UNDERLINE_TEXT_FLAG);
    }
}

AndroidStudio入门基础(二)——基础组件_第3张图片

 

④跑马灯效果

AndroidStudio入门基础(二)——基础组件_第4张图片


2.Button

①按钮文字的大小和颜色

AndroidStudio入门基础(二)——基础组件_第5张图片

 

②自定义按钮形状

但是按钮一般都是有圆角的呀~太方正的按钮实在是不好看

这里,我们要在drawable文件夹里面新建一个为button量身定做的样式文件,实质也是一个.xml文件

AndroidStudio入门基础(二)——基础组件_第6张图片

在这个样式文件中设置样式:(我将样式文件取名为bt_shape)

  !!设置按钮为矩形
     !!设置按钮的颜色
     !!设置按钮圆角的弧度

然后再将这个样式应用到按钮上

AndroidStudio入门基础(二)——基础组件_第7张图片

再尝试一种新的样式~~


    
    

AndroidStudio入门基础(二)——基础组件_第8张图片

 

③自定义按钮的按压效果 biubiubiu~~

实现按钮的按压效果也是通过为按钮设置样式文件实现的,不多解释啦,直接上代码~~


    
        
             !!被按钮时的背景颜色
            
        
    

    
        
             !!没有被按钮时的背景颜色
            
        
    

AndroidStudio入门基础(二)——基础组件_第9张图片

 

④为按钮设置点击事件

为按钮设置点击事件是在java代码中实现的,共有三大步骤,步骤是通用的,不仅仅是为按钮

  • 声明组件  (实例化Button类,声明一个Button类的实例对象,取名叫button)
  • 找到组件  (通过findViewById方法找到这个按钮是xml文件中的哪个按钮,参数R.id.XXX,这里的XXX和xml中的android:id="@+id/XXX"保持一致)
  • 设置事件   (通过setOnClickListener方法实现,参数是实例化一个OnClickListener对象)
public class SecondActivity extends AppCompatActivity {
    Button button; //声明组件

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.second_layout);

        button=findViewById(R.id.bt_1); //找到组件

        button.setOnClickListener(new View.OnClickListener() { //为组件设置点击事件
            @Override
            public void onClick(View v) {
                Toast.makeText(FirstActivity.this,"hello",Toast.LENGTH_SHORT).show();
            }
        });
   }
}

AndroidStudio入门基础(二)——基础组件_第10张图片

 


3.EditText

EditText就是一个用户输入框,主要属性有:

  • layout_width、layout_height    输入框大小
  • textSize、textColor    输入文字的大小和颜色
  • hint     输入提示
  • inputType    输入类型


AndroidStudio入门基础(二)——基础组件_第11张图片

 


4.RadioButton

RadioButton就是单选按钮,一个RadioButton就是一个选项,很多个选择组成了一组选项,需要用RadioGroup包裹在一起。可以把RadioGroup当成LinearLayout,只不过RadioGroup里面只能装RadioButton

下面我就展示三个小案例的效果图及其源代码,需要可以直接用~~

Tips:

  • RadioGroup可以设置orientation,从而决定选项是横着排列,还是垂直排列
  • 单选按钮软件有自带的,但是可以删除掉自定义图片

小案例一:


        
        

        

    

AndroidStudio入门基础(二)——基础组件_第12张图片

 

小案例二:

  
        
        
    

按钮的样式文件:


    
        
            
            
        
    

    
        
            
            
        
    

AndroidStudio入门基础(二)——基础组件_第13张图片

 

小案例三



        

        


        

        

        

    

AndroidStudio入门基础(二)——基础组件_第14张图片

 


5.CheckBox

CheckBox是多选框,用法和RadioButton非常相似,但是不需要用Group包裹起来~



    

    

AndroidStudio入门基础(二)——基础组件_第15张图片

 


6.ImageView

ImageView标签就是用来展示图片的,需要掌握的属性有

  • scaleType  图片展示格式
  • src  图片来源

其中scaleType的属性值如下:

  • centerCrop  保持宽高比缩放,直至完全覆盖控件,裁剪显示
  • fitXY   充满整个控件,图片可能会伸缩
  • fitCenter   保持宽高比,直到可以完全显示

这是图片的原图

AndroidStudio入门基础(二)——基础组件_第16张图片

scaleType的属性值依次为:centerCrop 、 fitXY 、 fitCenter

AndroidStudio入门基础(二)——基础组件_第17张图片

介绍到这里,AndroidStudio常用的基本组件就介绍完了~~喵喵喵~ (≧∀≦)ゞ

你可能感兴趣的:(AndroidStudio)