02-android之View-CSDN博客

本文链接：https://blog.csdn.net/mycomdet/article/details/54648830

GeoQuiz应用由一个activity和一个布局layout组成。
组件是组成用户界面的构造模块。

1.常用组件

ViewGroup（继承自View）组件的子类：LinearLayout， FrameLayout， TableLayout， RelativeLayout。

常用视图：TextView, ListView, EditText, Button, ImageButton, CheckBox

2.组件属性

1.android:layout_width和android:layout_height属性

match_parent:视图与其父视图大小相同。
wrap_content:视图将根据内容自动调整大小。

2.android:orientation属性

vertical:子组件垂直放置。
horizontal:子组件水平放置。

3.android:text属性

它的值不是字符串字面值，而是对字符串的引用。例如：

android:text="@string/question_text"

4.android:id属性

布局是一种资源，资源是应用非代码形式的内容，比如图像文件、音频文件以及XML文件等。

5.android:src属性

资源信息。例如ImageButton的图片资源

android:src="@drawable/next"

6.Android:layout_gravity与android:gravity属性

Android:layout_gravity，这个是针对控件本身而言，用来控制该控件在包含该控件的父控件中的位置。同样，当我们在Button按钮控件中设置android:layout_gravity=”left”属性时，表示该Button按钮将位于界面的左部。
这个是针对控件里的元素来说的，用来控制元素在该控件里的显示位置。例如，在一个Button按钮控件中设置如下两个属性，
android:gravity=”left”和android:text=”提交”，这时Button上的文字“提交”将会位于Button的左部。

属性值	说明
top\bottom	将对象放在其容器的顶部\底部，不改变其大小.
left\right	将对象放在其容器的左侧\右侧，不改变其大小.
center_vertical\center_horizontal\center	不改变其大小,垂直\水平\垂直和水平对齐方式：垂直\水平\垂直和水平方向上居中对齐。
fill_vertical\fill_horizontal\fill	垂直\水平\垂直和水平方向填充.
clip_vertical	附加选项，用于按照容器的边来剪切对象的顶部和/或底部的内容. 剪切基于其纵向对齐设置：顶部对齐时，剪切底部；底部对齐时剪切顶部；除此之外剪切顶部和底部.垂直方向裁剪
clip_horizontal	附加选项，用于按照容器的边来剪切对象的左侧和/或右侧的内容. 剪切基于其横向对齐设置：左侧对齐时，剪切右侧；右侧对齐时剪切左侧；除此之外剪切左侧和右侧.水平方向裁剪

- 当我们采用LinearLayout布局时，有以下特殊情况需要我们注意：

当 android:orientation=”vertical” 时， android:layout_gravity只有水平方向的设置才起作用，垂直方向的设置不起作用。即：left，right，center_horizontal 是生效的。

当 android:orientation=”horizontal” 时， android:layout_gravity只有垂直方向的设置才起作用，水平方向的设置不起作用。即：top，bottom，center_vertical 是生效的。例如,

<Button  
        android:layout_width="100dip"  
        android:layout_height="100dip"  
        android:layout_gravity="bottom|left"  
        android:gravity="left|top"  
        android:background="#FF0000"  
        android:text="@string/button"  
        />

7.android:hint属性

EditText属性android：hint=”“提供提示信息

8.android:padding属性

该属性设置内容相对view的边框的距离.

android:padding="24dp"

9.android:layout_marginLeft与android:layout_marginRight属性

Android:layout_margin就是设置view的上下左右边框的额外空间.
使用注意事项：在LinearLayout、RelativeLayout、TableLayout中，这2个属性都是设置都是有效的。在FrameLayout中，android:layout_margin是无效的，因为FrameLayout里面的元素都是从左上角开始绘制的。在AbsoluteLayout中，没有android:layout_margin属性

10.android:focusable属性

当我们写代码的时候总会发现有的控件获取不到焦点，那是因为ImageButton，Button等都是抢占焦点的控件.

android:focusable=”true” 这行的意思就是说可以获取焦点
android:focusable=”false” 这行就是不可获取焦点

11.android:enabled属性

android:enabled 设置是否可用，如果它的值为:”true”则可用，若“false”则整个编辑框都不可用.

12.style属性

3.GeoQuiz应用组成

1.应用的配置文件：AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.dream.cutegame.testprj1">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

2.组件配置文件：activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="24dp"
        android:layout_centerVertical="true"
        android:text="@string/question_text" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:id="@+id/true_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/true_button"/>

        <Button
            android:id="@+id/false_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/false_button"/>

    </LinearLayout>

</LinearLayout>

3.资源配置文件：strings.xml

<resources>
    <string name="app_name">Testprj1</string>
    <string name="question_text">Haha, This is a game.</string>
    <string name="true_button">TRUE</string>
    <string name="false_button">FALSE</string>
    <string name="correct_toast">Correct!</string>
    <string name="incorrect_toast">Incorrect!</string>
    <string name="menu_settings">Settings</string>
</resources>

4.控制器文件：MainActivity.java

package com.dream.cutegame.testprj1;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private Button mTrueButton;
    private Button mFalseButton;

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

        mTrueButton = (Button)findViewById(R.id.true_button);
        mTrueButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(MainActivity.this, R.string.correct_toast, Toast.LENGTH_SHORT).show();
            }
        });

        mFalseButton = (Button)findViewById(R.id.false_button);
        mFalseButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(MainActivity.this, R.string.incorrect_toast, Toast.LENGTH_SHORT).show();
            }
        });
    }
}