icode icode
首页
  • Android学习

    • 📁基础内容
    • 📺AndroidCore
    • 🎨Android-UI
    • 🏖️Components
    • 📊Fragment
    • 🔗网络操作
    • 🔏异步机制
    • 📦数据存储
    • 🗃️Gradle
  • 学习笔记

    • 『框架』笔记
    • 『Kotlin』笔记
    • 《Vue》笔记
    • 《Git》学习笔记
    • 『Bug踩坑记录』
  • ListView
  • RecyclerView
  • ViewPager
  • Java笔记

    • 🟠JavaSE
    • 🟢JavaWeb
    • 🔴JavaEE
    • ⚪JavaTopic
    • 🍳设计模式
  • 计算机基础

    • 📌计算机网络
    • 🔍数据结构
    • 📦数据库
    • 💻OS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
  • 关于

    • 📫关于我
  • 收藏

    • 网站
    • 资源
    • Vue资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

iqqcode

保持对技术的探索实践与热爱
首页
  • Android学习

    • 📁基础内容
    • 📺AndroidCore
    • 🎨Android-UI
    • 🏖️Components
    • 📊Fragment
    • 🔗网络操作
    • 🔏异步机制
    • 📦数据存储
    • 🗃️Gradle
  • 学习笔记

    • 『框架』笔记
    • 『Kotlin』笔记
    • 《Vue》笔记
    • 《Git》学习笔记
    • 『Bug踩坑记录』
  • ListView
  • RecyclerView
  • ViewPager
  • Java笔记

    • 🟠JavaSE
    • 🟢JavaWeb
    • 🔴JavaEE
    • ⚪JavaTopic
    • 🍳设计模式
  • 计算机基础

    • 📌计算机网络
    • 🔍数据结构
    • 📦数据库
    • 💻OS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
  • 关于

    • 📫关于我
  • 收藏

    • 网站
    • 资源
    • Vue资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 基础内容

  • AndroidCore

  • Android UI

    • 布局

    • 基础控件

      • UI基础
        • Menu
        • TextView
        • Button
        • EditText
        • 加载ImageView
        • ProgressBar进度条
        • SeekBar拖动条
        • Selector背景选择器
        • 0简单UI组件
        • Menu
        • Dialog
        • CheckBox的使用
        • 扩大点击热区
        • SpannableStringBuilder
      • 布局优化

      • View绘制

    • Components

    • Fragment

    • 网络操作

    • 异步机制

    • 数据存储

    • 学习笔记

    • 自定义View

    • View事件体系

    • Android
    • Android UI
    • 基础控件
    iqqcode
    2021-06-17
    目录

    UI基础

    # 1. UI定义

    全称user interface,意为:用户界面。UI由View和ViewGroup组成

    • View类是所有视图(包括ViewGroup)的根基类

    • View在屏幕上占据一片矩形区域,并会在上面进行内容绘制

    • ViewGroup包含一些View或ViewGroup,用于控制子View的布局

    可以将LinearLayout\RelativeLayout理解为ViewGroup,没有控件(View)放到布局(ViewGroup)中是不会显示任何内容的

    image-20210313171839313


    # 2. UI的组成

    1. 界面布局Layout

    2. 可视界面的各个UI组件 Component

    Android基础控件

    • 与文本相关:TextView、EditView、CheckedTetView
    • 与图片相关:ImageView、ImageButton
    • 与用户点击相关:Button、CheckBox、RedioButton、ToggleButton
    • 进度条:ProgressBar、RatingBar、SeekBar
    • 与时间显示相关:AnalogClock、DigitalClock、DatePicker、TimePicker
    • 缩放控件:ZoomControls
    • 视频播放相关:SurfaceView、VideoView


    # 3. UI事件

    button.setOnClickListener(onClickListener).onClick();
    
    1

    这条语句是谁在执行?(该点击事件是谁在执行)

    看onClickListener对象放到了哪里!button是放在视图本身上的,所以是视图在处理,而不是Activity;Activity是用来指定、创建监听器的,真正使用该对象的是视图本身

    • 当用户通过手指触摸UI时,系统会自动创建对应的Event对象
    • Android中提供了多种方式拦截处理不同类型的事件
    • 视图本身就可以处理发生在该视图上的事件

    事件是什么? 对Android设备的操控,如点击Button

    谁是事件源? 事件发生在在谁身上了--视图

    谁是事件监听器? new的Listener

    image-20210313174622563

    编辑 (opens new window)
    上次更新: 2021/09/05, 15:01:20
    ConstraintLayout高级内容
    Menu

    ← ConstraintLayout高级内容 Menu→

    最近更新
    01
    匿名内部类
    10-08
    02
    函数式接口
    10-08
    03
    ARouter-Kotlin踩坑
    10-05
    更多文章>
    Theme by Vdoing | Copyright © 2021-2023 iqqcode | MIT License | 备案号-京ICP备2021028793号
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式
    ×