【Android】Android UI 开发_问答_3

Content

对不同屏幕的支持
按钮
文本框
复选框
Toast
一个布局案例

对不同屏幕的支持

屏幕大小的分类有哪些？

small，normal，large，xlarge

密度的分类有哪些？

low (ldpi)，medium (mdpi)，high (hdpi)，extra high (xhdpi)

屏幕的方向有哪些？

landscape，portrait，横向和纵向

为什么需要根据屏幕不同来定义不同的布局文件？不同大小屏幕的布局文件怎么存放？

屏幕不同布局需求不同，定义不同的布局文件后，
系统从对应的布局目录中以你的app所运行的设备的屏幕大小自动调入对应的布局文件
同一目录下，且文件名必须是一样的，只是内容不同

MyProject/res/layout/main.xml
              layout-land/main.xml
              layout-large/main.xml
              layout-large-land/main.xml

为什么需要根据屏幕密度提供不同的bitmap资源？怎么做？

提高在不同屏幕密度上的图像质量
ldpi 的资源并不总是必须的，
当你提供 hdpi 的资源的时候，系统会缩放一半适应 ldpi 屏幕

MyProject/res/drawable-xhdpi/awesomeimage.png
              drawable-hdpi/awesomeimage.png
              drawable-mdpi/awesomeimage.png

不同密度的比例是什么？

xxhdpi: 3.0
xhdpi: 2.0
hdpi: 1.5
mdpi: 1.0 (baseline参照)
ldpi: 0.75

按钮

根据按钮上显示的内容，按钮可以分为几种？分别用什么属性设置？

有文本，有图标，二者都有，共三种
文本，Button，用 text 属性设置
图标，ImageButton，用 src 设置
文本 + 图标，Button，用 text 设置文本，用 drawableXXX 设置图标

按钮的onClick属性有什么用？怎么用？它的值所指定的响应方法在哪里定义，有什么特殊要求？方法的参数是什么？

定义一个按钮的事件处理器
用户单击按钮时，Button 对象接收一个单击事件
添加 onClick 属性的作用就是处理这个事件
添加该属性，属性值是对事件进行响应的方法名
在 Activity 中定义，必须是 public、返回 void
一个唯一的View参数

还可以怎么设置按钮的监听方法？代码模板是什么？望大家理解该模板

Button button = (Button) findViewById(R.id.button_send);
button.setOnClickListener(new View.OnClickListener() {
    public void onClick(View v) {
        // Do something in response to button click
    }
});

如何定义按钮的样式？

设置android:backgroud属性为一个 drawable 或 color 资源
也可以应用某种样式

如何定义无边框按钮？

<Button ...
    	style="?android:attr/borderlessButtonStyle"/>

如何定制背景？

1.创建三个不同的位图图片，代表 default(无)、pressed(按下) 和 focused(聚焦) 这三种状态
2.把这些图片放在res/drawable/这个工程目录中，图片名应反映对应按钮状态
3.在 res/drawable/ 中创建 button_custom.xml，

<?xml version=”1.0” encoding=”utf-8”?>
<selector xmlns:android=”http://schemas.android.com/apk/res/android”>
    <item android:drawable=”@drawable/button_pressed”
          android:state_pressed=”true” />
    <item android:drawable=”@drawable/button_focused”
          android:state_focused=”true” />
    <item android:drawable=”@drawable/button_default” />
</selector>
//<item>的顺序非常重要，只有当 pressed 和 focused 均为 false 时，default 才会应用

什么是ninepatch图片，该图片中的四条线分别表示什么意义？它的名字怎么命名？相应的xml什么用？里面的子标签什么含义？

Ninepatch(.9)图片，可伸缩，有 padding 的图像文件
左边及上边的线定义可伸缩区域，右边及下边的线定义可绘制区域，四周就是 padding
name.9.png
见上面的代码

怎么设置按钮的“.9”背景图片？

<Button ...
        android:layout_alignParentTop="true"
        android:layout_centerInParent="true"
        android:textSize="8sp"
        android:background="@drawable/my_button_background"/>

如何使用android sdk中的制作.9文件的工具？如果不设置padding线，那内容到边之间的padding怎么确定，实验一下？

将上下左右的线拉到对应位置，然后保存
链接制作.9文件.

如何在studio中显示代码的行号？学会看错误提示信息，这很重要

1.在代码左边空白区域右击，选择 Show Line Numbers
2.File > Settings > Editor > General > Appearance > Show Line Numbers

文本框

输入文本框的标签是什么？

EditText

如何指定输入文本框的类型？如何组合输入模式？

通过 android:inputType 指定输入类型，因而确定键盘类型
例如 textEmailAddress、phone 等
使用 | ，来同时组合设置多个值

<EditText ...
    android:inputType="textPostalAddress|textCapWords|textNoSuggestions" />

标签属性的值是不是可以通过java代码进行修改？

可以

landscape和portrait什么区别？如何在虚拟机上切换？

landscape，横向
portrait，纵向
找到手机旋转的一个图标

如何设置虚拟机的物理键盘或虚拟键盘？

Settings > Language & input > Default > Hardware

什么是输入键盘的action？默认值是什么？如何设置该action？如何监听该动作（监听模板代码）？

键盘右下角的按钮，即用户输入完成后的动作
Done
若没有显式指定action，系统会查看是否有设置了android:focusable的域 (不一定是文本框)，
若有，系统会执行本文本框的 actionNext 动作，这样用户可以进行下一个域的输入
若无，执行文本框的 actionDone 动作
通过 android:imeOptions
监听

EditText editText = (EditText) findViewById(R.id.search);
editText.setOnEditorActionListener(new OnEditorActionListener() {
    @Override
    public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
        boolean handled = false;
        if (actionId == EditorInfo.IME_ACTION_SEND) {
            sendMessage();
            handled = true;
        }
        return handled;
    }
});

如何添加其他的键盘flag与提供自动补全？如何在strings.xml中定义字符数组资源？

设备 landscape 模式下，
阻止进入全屏输入模式android:imeOptions="flagNoExtractUi"
提供自动补全
1.AutoCompleteTextView 标签加入布局
2.定义保存有所有文本补全的数组，放在 res/values/strings.xml 中
3.在 Activity 或 Fragment 中写入代码

//获取布局文件中AutoCompleteTextView的引用
AutoCompleteTextView textView = (AutoCompleteTextView) findViewById(R.id.autocomplete_country);
// 从资源中获取字符数组
String[] countries = getResources().getStringArray(R.array.countries_array);
// 创建adapter，并把它设置到AutoCompleteTextView中
ArrayAdapter<String> adapter =
        new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, countries);
textView.setAdapter(adapter);

例如

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string-array name="countries_array">
        <item>Algeria</item>
        <item>American Samoa</item>
        <item>Angola</item>
        ...
    </string-array>
</resources>

如何在java代码中获取字符数组资源从而进行操作？理解代码模板

获取资源

// 从资源中获取字符数组
String[] countries = getResources().getStringArray(R.array.countries_array);

复选框

什么是复选框？在布局文件中是哪个标签？

允许用户选择若干项，CheckBox

复选框后的文字怎么加上?

用 text 属性

如何设置复选框的单击事件处理方法？若干复选框可以用同一个事件处理方法进行处理吗？如何在方法中区分选择的是哪个复选框？

public void onCheckboxClicked(View view) {
    // Is the view now checked?
    boolean checked = ((CheckBox) view).isChecked();

    // Check which checkbox was clicked
    switch(view.getId()) {
        case R.id.checkbox_meat:
            if (checked) {System.out.println("");}
            else {}
            break;
        case R.id.checkbox_cheese:
            if (checked) {}
            else {}
            break;
        // TODO: Veggie sandwich
    }
}

如何修改activity的布局？一个activity同时可以有几个布局？

更改相应的 .java 文件中 onCreate 方法中 setContentView(R.layout.布局文件名);
同时应该只能有一个

什么是无线按钮？在布局文件中是哪个标签？为什么要把这种标签放在RadioGroup中？RadioGroup是哪个布局的子类，这意味着什么？如何设置无线按钮的默认选择？

互斥的⚪按钮，RadioButton
为了确保互斥
LinearLayout的子类
可以指定水平或垂直方向
设置 checked 属性

如何设置无线按钮的单击事件处理方法？

和 CheckBox 的类似

什么是切换按钮？是哪些标签？如何在java程序中改变按钮的状态？如何响应用户对按钮的操作？（代码模板）

可以在两种状态中切换
ToggleButton 和 Switch

//java 中改变 ToggleButton 的状态
ToggleButton toggleButton = (ToggleButton)findViewById(R.id.toggle_button);
toggleButton.setChecked(true);
toggleButton.toggle();

//响应用户操作
ToggleButton toggle = (ToggleButton) findViewById(R.id.togglebutton);
toggle.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        if (isChecked) {
            // The toggle is enabled
        } else {
            // The toggle is disabled
        }
    }
});

定义某个RadioButton的android:checked为true，意味着该项是默认选中的，但如果并没有定义它的id，在运行时会发生什么情况？

RadioButton 不互斥

Toast

注释的快捷键是什么？

Ctrl + /

Toast是什么？它也是放在布局文件中吗？makeText方法的三个参数什么含义？

弹出的一个提示信息
不是，代码打开
第一个为 app 的Context，
第二个为显示的文本信息，
第三个为 toast 持续的时间

什么是context？

Context是一个场景，描述的是一个应用程序环境的信息，即上下文，
代表与操作系统的交互的一种过程
简单来说就是上下文环境

如何定义toast的显示？

例将 toast 定位在左上角

toast.setGravity(Gravity.TOP|Gravity.LEFT, 0, 0);

如何创建定制的Toast视图？inflater功能是什么？如何设置这种方式的toast中的文字？如何将定制布局应用到toast实例？通过setView方法设置视图的Toast，怎么构造toast实例？

定制一个布局文件 toast_layout.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:id="@+id/toast_layout_root"
              android:orientation="horizontal"
              android:padding="8dp"
              android:background="#DAAA">
              
    <ImageView android:src="@drawable/droid"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:layout_marginRight="8dp"/>
               
    <TextView android:id="@+id/text"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:textColor="#FFF"/>
              
</LinearLayout>

将布局文件取出
取出布局中的 TextView 然后 setText
用 setView 将取出的 layout 应用到实例 toast 中
用 new，构造函数参数是上下文环境的实例 context

LayoutInflater inflater = getLayoutInflater();
View layout = inflater.inflate(R.layout. toast_layout, (ViewGroup) findViewById(R.id.toast_layout_root));

TextView text = (TextView) layout.findViewById(R.id.text);
text.setText("This is a custom toast");

Toast toast = new Toast(getApplicationContext());
toast.setGravity(Gravity.CENTER_VERTICAL, 0, 0);
toast.setDuration(Toast.LENGTH_LONG);
toast.setView(layout);
toast.show();

一个布局案例

layout_weight这个属性是什么含义？

表示在其父 ViewGroup 中的宽度

例 因为 LinearLayout 是布局的根 view，
它的大小又设置为 "match_parent"，所以它将充满整个屏幕

RadioGroup是什么？其什么作用？它的父类是哪个？默认方向是什么？怎么改掉？

无线按钮的单选组合框
用来放无线按钮，确保按钮互斥性
LinearLayout 类
垂直方向，vertical
通过 android:orientation 更改

RadioButton是什么？为什么要加入RadioGroup中？如何默认选中？它的id有什么特别的用处？

无线按钮
确保互斥
checked 属性设置为 true
用来区分选中的无线按钮，无 id 时互斥性消失

怎么将MainActivity的布局改掉？

找到 onCreate 回调方法，更改代码中布局文件名 activity_main2

setContentView(R.layout.activity_main2);

如何加入输入的提示信息？

hint 属性，无输入时显示的信息

如何将EditText指定为输入密码类型的数据？

inputType 属性，设置为 textPassword，或 numberPassword 或其他 …Password

Earnest～

发布了82 篇原创文章 · 获赞 172 · 访问量 1万+

私信关注