zoukankan      html  css  js  c++  java
  • radiobutton、radiogroup、button、imageview(2017年10月10日)

    2017.10.10

    1、按钮

    用于人机交互操作。

    属性:

    Background:表示背景,背景可以设置颜色也可以设置为图片,还可以设置为一个选择器(selector)。

    什么是选择器?

    <selector   xmlns:android=……>

    <item android:state_pressed=true android:drawable=@drawable/*******/>

    <item android:state_pressed=false android:drawable=@drawable/*******/>

    </selector>

    表示:

    定义了一个状态的集合,包含了2个状态,每一个状态使用item来表示。状态的类型由android框架提供,通常有按下、自然状态、不可使用、可使用等

    【案例】为按钮添加2种状态

    步骤:

    1)准备2个图片,表示不同的状态

    2)图片文件名称要遵守规范:不能有大写字母,不能数字开头。

    3)图片放入res文件夹下drawable

    4)定义一个Resource文件,选中drawable文件夹,右击选择newàdrawable resource file,设定文件名称button_selector.xml(遵守资源文件命名规范)

    5)编写selector文件。2种状态用2个图片表达

    6)在layout中定义一个按钮,按钮的背景引用该selector

    参考:

    项目结构:

     

    button_selector.xml

     

    layout_main.xml

     

    效果:

     

    【案例】直接给按钮增加图片

     

    效果:

     

    【案例】点击按钮,更换按钮的图片

    layout.xml

     

    MainActivity.java

     

    2、图片按钮

    属性:

    src:表示引用图片资源

    java方法:setImageResource()方法来引用图片资源

    参考:

     

    java

     

    效果:

     

    3、图片视图(ImageView

    大多数情况下对图片的操作都是选择ImageView

    src:引用图片

    adjustViewBounds:可以设置为true或者false,表示是否可以通过调整边界来适应图片(与maxWidth或者maxHeight配合使用)

    maxHeight:最大高度

    maxWidth:最大宽度

    scaleType:缩放模式(7种缩放模式)

    【案例】水平方向高度一致,垂直方向宽度一致

     

    效果:

     

    【案例】使用ImageView的缩放模式

    属性名scaleType

    属性值:matrix(矩阵)、fitXY(按xy大小适应,造成图片可能不按比例显示)、fitStart(从图片位置起点位置开始缩放,按宽和高缩放,且按比例)、fitCenter(从图片中心点开始按比例缩放)fitEnd(从图片结束位置按比例缩放)、center(不缩放,只显示中间部分)、centerCrop(按比例缩放,显示到ImageView大小为止)、centerInside(按比例缩放,完全显示图片)

    参考:

     

     

    效果:

     

    4、单选按钮(RadioButton)和单选按钮组(RadioGroup

    只能选其一。

    使用场景:性别选择、年级选择。

    注意:

    1)为了保证只能选其一,需要将单选按钮放到同一组中,表示组内只能选其一。

    2)允许设置多组

    3)使用isChecked判断是否选中。

     

    如何获取用户选择哪个值?

    提供isChecked()方法,判断该radiobutton是否选中。

    参考:

     

     

    java:

     

    【作业】

    12生肖选择。要求:

    1)使用radiobutton,只能选中某一个生肖

    2)选中后,点击按钮,显示该生肖的图片。

    需要控件:

    radiobuttonradiogroupbuttonimageview

  • 相关阅读:
    angular多个控制器如何共享数据
    $q服务的使用
    $sanitize和$sce服务的使用方法
    json对象与json字符串互转方法
    css语法和JS语法的对比
    让低版本IE也能正常运行HTML5+CSS3网站的3种解决方案
    HTML中的IE条件注释
    区块链是什么,如何评价区块链
    编写Python脚本把sqlAlchemy对象转换成dict的教程
    编写Python脚本把sqlAlchemy对象转换成dict的教程
  • 原文地址:https://www.cnblogs.com/sanshengshitouhua/p/14577125.html
Copyright © 2011-2022 走看看