安卓开发基础

安卓开发

Base on : https://www.bilibili.com/video/BV1Rt411e76H?p=7

1、Android开发概述

2、UI组件

2.1 布局管理器

线性布局(LinearLayout)

常用属性

android:id	id
android:layout_width	宽度
android:layout_height	高度
android:backgroud	背景
android:layout_margin	内边距
android:layout_padding	外边距
android:orientation	方向

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <LinearLayout
        android:id="@+id/ll_1"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:orientation="vertical"
        android:background="@color/black"
        android:padding="20dp">
        <!--View是所有控件的父控件-->
        <View
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#FF0033" />
    </LinearLayout>
    <!-- match_parent 匹配父控件-->

    <!--
        因为是匹配父控件，因此上面占用了200dp之后的都是这个的
        LinearLayout是默认水平布局的
    -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:orientation="horizontal"
        android:background="#0066FF"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="10dp"
        >
        <View
            android:layout_width="0dp"
            android:layout_height="200dp"
            android:background="#000000"
            android:layout_weight="1"/>
        <View
            android:layout_width="0dp"
            android:layout_height="200dp"
            android:background="#FF0033"
            android:layout_weight="1"/>
        <View
            android:layout_width="0dp"
            android:layout_height="200dp"
            android:background="#55AA99"
            android:layout_weight="1"/>
    </LinearLayout>
    <!-- android:gravity 内部空间布局-->
    <!--  android:layout_weight 权重 -->


</LinearLayout>

相对布局(RelativeLayout)

最常用的属性

android:layout_toLeftOf	现对布局：在… 左边
android:layout_toRightOf	现对布局：在… 右边
android:layout_alignBottom	和…底部对齐
android:layout_AlignParentBottom	和父控件底部对齐
android:layout_below	在…下面

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <View
        android:id="@+id/view_1"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#000000"
        />

    <View
        android:id="@+id/view_2"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#FF0033"
        android:layout_below="@id/view_1"/>
    
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:layout_below="@id/view_2"
        android:background="#0066FF"
        android:orientation="horizontal"
        android:padding="15dp">
        <View
            android:layout_width="100dp"
            android:layout_height="match_parent"
            android:background="#FF0033"/>
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/black"
            android:padding="15dp">
            <View
                android:id="@+id/view_3"
                android:layout_width="100dp"
                android:layout_height="match_parent"
                android:background="#FF9900" />
            <View
                android:id="@+id/view_4"
                android:layout_width="100dp"
                android:layout_height="match_parent"
                android:background="#FF9900"
                android:layout_toRightOf="@id/view_3"
                android:layout_marginLeft="10dp"
                />
        </RelativeLayout>
            
        
    </LinearLayout>


</RelativeLayout>

2.2 TextView

文字大小、颜色

<!-- 文字大小、颜色 -->
    <TextView
        android:id="@+id/tv_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/tv_test1"
        android:textColor="@color/black"
        android:textSize="24sp" />

显示不下使用

    <!-- 显示不下使用 -->
    <TextView
        android:id="@+id/tv_2"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:maxLines="1"
        android:ellipsize="end"
        android:text="@string/tv_test1"
        android:textColor="@color/black"
        android:textSize="24sp"
        android:layout_marginTop="10dp"/>
<!--  android:ellipsize="end" 显示不下，以...的方式   -->

文字+icon

    <!-- 文字+icon -->
    <TextView
        android:id="@+id/tv_3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/tv_test3"
        android:drawablePadding="5dp"
        android:drawableRight="@drawable/icon"
        android:textColor="@color/black"
        android:textSize="24sp" />

中划线、下划线

<!-- 中划线、下划线 -->
<!--中划线-->
<TextView
          android:id="@+id/tv_4"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="@string/tv_test1"
          android:textColor="@color/black"
          android:textSize="24sp" />
<!--下划线-->
<TextView
          android:id="@+id/tv_5"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="@string/tv_test1"
          android:textColor="@color/black"
          android:textSize="24sp" />
<!--下划线-->
<TextView
          android:id="@+id/tv_6"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text=""
          android:textColor="@color/black"
          android:textSize="24sp" />

package com.caopeng.demo01;

import androidx.appcompat.app.AppCompatActivity;

import android.graphics.Paint;
import android.os.Bundle;
import android.text.Html;
import android.widget.TextView;

public class TextViewActivity extends AppCompatActivity {
    
    

    private TextView mTv4;
    private TextView mTv5;
    private TextView mTv6;

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

        mTv4 = (TextView) findViewById(R.id.tv_4);
        mTv4.getPaint().setFlags(Paint.STRIKE_THRU_TEXT_FLAG);  // 中划线
        mTv4.getPaint().setAntiAlias(true);                     // 去除锯齿

        mTv5 = (TextView) findViewById(R.id.tv_5);
        mTv5.getPaint().setFlags(Paint.UNDERLINE_TEXT_FLAG);    // 下划线

        mTv6 = (TextView) findViewById(R.id.tv_6);
        mTv6.setText(Html.fromHtml("<u>曹鹏大帅哥</u>"));
    }
}

跑马灯

<TextView
          android:id="@+id/tv_7"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="曹鹏大帅哥、曹鹏大帅哥、曹鹏大帅哥、曹鹏大帅哥"
          android:textColor="@color/black"
          android:textSize="24sp"
          android:singleLine="true"
          android:ellipsize="marquee"
          android:marqueeRepeatLimit="marquee_forever"
          android:focusable="true"
          android:focusableInTouchMode="true"/>

2.3 Button

文字大小、颜色

   <!--文字大小、颜色-->
    <Button
        android:id="@+id/btn_1"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:background="#FF0000"
        android:text="@string/_1"
        android:textColor="#FFFFFF"
        android:textSize="20sp" />

自定义背景形状

<!--自定义背景形状-->
<Button
        android:id="@+id/btn_2"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:layout_below="@id/btn_1"
        android:layout_marginTop="10dp"
        android:background="@drawable/bg_btn2"
        android:text="@string/_2"
        android:textColor="#FFFFFF"
        android:textSize="20sp" />
<Button
        android:id="@+id/btn_3"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:background="@drawable/bg_btn3"
        android:text="@string/_3"
        android:textColor="#FF9900"
        android:textSize="20sp"
        android:layout_below="@id/btn_2"
        android:layout_marginTop="10dp"/>

bg_btn2

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!--填充-->
    <solid
        android:color="#FF9900"
        />

    <!--圆角-->
    <corners
        android:radius="10dp"/>
</shape>

bg_btn3

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <!--描边-->    <stroke        android:width="1dp"        android:color="#FF9900"/>    <!--圆角-->    <corners        android:radius="5dp"/></shape>

自定义按压效果

<Button
        android:id="@+id/btn_4"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:layout_below="@id/btn_3"
        android:layout_marginTop="10dp"
        android:background="@drawable/bg_btn4"
        android:text="@string/_4"
        android:textColor="#FFFFFF"
        android:textSize="20sp" />

bg_btn4

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape>
            <solid android:color="#AA6600"/>
            <corners android:radius="5dp"/>
        </shape>
    </item>
    <item android:state_pressed="false">
        <shape>
            <solid android:color="#FF0000"/>
            <corners android:radius="5dp"/>
        </shape>
    </item>
</selector>

点击事件

<Button
        android:id="@+id/btn_4"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:layout_below="@id/btn_3"
        android:layout_marginTop="10dp"
        android:background="@drawable/bg_btn4"
        android:text="@string/_4"
        android:textColor="#FFFFFF"
        android:textSize="20sp" />

ButtonActivity.java

package com.caopeng.demo01;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Toast;

public class ButtonActivity extends AppCompatActivity {
    
    

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

    public void showToast(View view){
    
    
        Toast.makeText(this,"我被点击了",Toast.LENGTH_SHORT).show();
    }
}

2.4 EditErxt

常见属性

<?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"
    android:padding="15dp">

    <EditText
        android:id="@+id/et_1"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginTop="50dp"
        android:background="@drawable/bg_username"
        android:drawableLeft="@drawable/icon_user"
        android:drawablePadding="5dp"
        android:hint="用户名"
        android:maxLines="1"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:textColor="#FFAD33"
        android:textSize="16sp" />

    <EditText
        android:id="@+id/et_2"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:textSize="16sp"
        android:textColor="#FFAD33"
        android:hint="密码"
        android:layout_below="@id/et_1"
        android:layout_marginTop="15dp"
        android:inputType="textPassword"
        android:background="@drawable/bg_username"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:maxLines="1"
        android:drawableLeft="@drawable/icon_password"
        android:drawablePadding="5dp"
        />
    <Button
        android:id="@+id/bt_login"
        android:layout_below="@id/et_2"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginTop="40dp"
        android:text="登录"
        android:textColor="#fff"
        android:textSize="20sp"
        android:background="@drawable/bg_btn4"/>

</RelativeLayout>

监听事件

package com.caopeng.demo01;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class EditTextActivity extends AppCompatActivity {
    
    
    private Button mBtnLogin;
    private EditText mETUserName;

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

        mBtnLogin = (Button) findViewById(R.id.bt_login);
        mBtnLogin.setOnClickListener(new View.OnClickListener() {
    
    
            @Override
            public void onClick(View view) {
    
    
                Toast.makeText(EditTextActivity.this,"登陆成功!",Toast.LENGTH_SHORT).show();
            }
        });
        mETUserName = (EditText) findViewById(R.id.et_1);
        mETUserName.addTextChangedListener(new TextWatcher() {
    
    
            @Override
            public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {
    
    

            }

            @Override
            public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {
    
    
                /* CharSequence  当前输入框的内容*/
                Log.d("edittext",charSequence.toString());
            }

            @Override
            public void afterTextChanged(Editable editable) {
    
    

            }
        });
    }
}

制作登录界面

2.5 RadioButton

常见属性

自定义样式

监听事件