学习Android的第一天

语言: CN / TW / HK
时间 2021-11-11 11:15:38
主题:

theme: simplicity-green

「这是我参与11月更文挑战的第1天，活动详情查看：2021最后一次更文挑战」

前言

今天是学习Android的第一天,你经过九九八十一难终于配置好了环境,安装好了Android Studio,创建好了项目,一些基础的内容你也已经做好了预备,现在你已经迫不及待想要进入Android这个神奇的世界,话不多说,我们现在就开始吧

文本

第一步我们要先学习最基础的控件:在屏幕上展示一个文本.Android的Sdk已经提供给我们了一个控件TextView,命名一目了然.其实在你创建project完毕的时候,Android Studio就会为你创建一个MainActivity,里面有一个默认的TextView,我们先来看看吧

image.png

image.png

仅仅是一个普通的文本肯定是无法满足我们的需求的,那我们来看一下基础的属性吧.

```

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Hello World!"
    android:textColor="@color/teal_200"
    android:textSize="30dp"
    android:textStyle="bold"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

```

image.png

  • android:textColor 控制文本颜色: 支持十六进制颜色
  • android:textStyle 控制文本风格: 普通,加粗,斜体
  • android:textSize 控制文本大小: 一般使用dp

仅仅是在xml中控制这些属性也是不够的,我们需要在代码里面动态控制一些相关属性,那么我们就需要给TextView起个名字方便Activity找到他们.

image.png

命名的话其实不是很阴间就没有什么大问题,每个人都有每个人的风格,问题不大,主要是见名知意.

然后在Activity里面把它找到 ``` public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    TextView textView = findViewById(R.id.activity_main_tv_test);
}

} ```

设置一些基础属性,从上到下分别是字体大小,字体颜色,字体风格,字体大小

textView.setText("这是测试文本"); textView.setTextColor(ContextCompat.getColor(this,R.color.teal_200)); textView.setTypeface(Typeface.DEFAULT_BOLD); textView.setTextSize(14);

image.png

我们再来认识一个新特性,将图片和文本搭配起来

image.png

image.png

在你的xml中插入以下代码 android:drawableBottom="@drawable/ic_launcher_background" 但是这样会有一个弊端,就是图片的大小我们完全无法控制,这并不是我们想要的.不要担心,办法总比困难多.

//首先获取我们的资源对象 Drawable drawable = getDrawable(R.drawable.ic_launcher_background); //为我们的资源对象设置宽高 drawable.setBounds(0,0,30,30); //将其设置到我们的TextView相应的位置 textView.setCompoundDrawables(null,null,null,drawable);

image.png

image.png

「」