AndroidのUIプログラミング（ビュー、のViewGroupクラス、ボタン、TextViewの、のEditText）

1、ビューとクラスのViewGroup

すべてのAndroidのUI要素は、オブジェクトの表示とのViewGroupクラスを使用して構築されています。

表示：一部の情報が生成され、ユーザと対話するために、画面上に描画することができます

ViewGroup：複数の容器を備えた表示とのViewGroup、定義するためのUIのレイアウト

2、ボタン

（1）方法1：

構成：

< ボタン
        アンドロイド：ID = "@ + ID / BTN" 
        アンドロイド：layout_width = "wrap_content" 
        のandroid：layout_height = "wrap_content" />

クラスでとプロパティを設定者への呼び出しにButton：

    保護された ボイドのonCreate（バンドルsavedInstanceState）{
         スーパー.onCreate（savedInstanceState）。
        setContentView（R.layout.activity_main）。
        ボタンボタン = （ボタン）findViewById（R.id.btn）。
        button.setText（ "取消" ）。
        Log.v（ "情報"、 "のonCreate" ）;
    }

（2）第2の方法：

コンフィギュレーションファイルの設定：

    < ボタン
        アンドロイド：ID = "@ + ID / BTN" 
        アンドロイド：layout_width = "wrap_content" 
        のandroid：layout_height = "wrap_content"  
        アンドロイド：テキスト = "确定" />

もはやクラスに配置されていません：

    保護された ボイドのonCreate（バンドルsavedInstanceState）{
         スーパー.onCreate（savedInstanceState）。
        setContentView（R.layout.activity_main）。
        ボタンボタン = （ボタン）findViewById（R.id.btn）。
        Log.v（ "情報"、 "のonCreate" ）;
    }

これらの2つの方法の効果は、しかし、機能をデカップリング達成するための第二の方法と同じです。

（3）ボタンの実装方法：

3、テキストボックス（のTextView）

（1）プロパティ：

自動検出：

アンドロイド：自動テキスト

setKeyListener（のKeyListener）

テキスト情報表示の下部：

drawableButtom

setCompoundDrawablesWithIntrinsicBounds

是否可编辑：

editable

字体设置：

fontFamily

文本框为空时显示的提示：

hint

对齐方式：

gravity

输入法：

inputMethod

文本的格式：

inputType

多少行内容：

lines

设置文本：

text

外观：

textAppearance

颜色：

textColor

大小：

textSize

返回行数：

getLine

（2）布局代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".ImageWidgetActivity" >
    <!-- 第一个内嵌布局为线性布局，控件横向摆放 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >
        <!-- 第一个内嵌布局中的第一个控件为TextView，用于显示文本信息 -->
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="left"
            android:text="图片" 
            android:textColor="#ff00ff"/>    
        <!-- 第一个内嵌布局中的第二个控件为ImageView，用于显示图片 -->
        <ImageView
            android:id="@+id/iv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="right"
            android:src="@drawable/ic_launcher" />
    </LinearLayout>
    <!-- 第二个内嵌布局为线性布局，控件横向摆放 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >
    <!-- 第二个内嵌布局中的第一个控件为TextView，用于显示文本信息 -->
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="left"
            android:text="图片按钮" 
            android:textColor="#ff00aa" />
    <!-- 第二个内嵌布局中的第二个控件为ImageView，用于显示图片按钮 -->
        <ImageButton
            android:id="@+id/ib"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="right" />
    </LinearLayout>
    
     <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <TextView   
        android:layout_width="200dp"
        android:layout_height="40dp"
        android:background="#000000"
        android:textColor="#ff00ff"
        android:text="我是一个文本框！！"
        />

    </LinearLayout>
    
    
    
    
    <!--最外面的线性布局内嵌控件为TextView，用于显示文本信息 -->
    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
    
</LinearLayout>

4、编辑框（EditText）

（1）常用属性：

普通文本：

text

所有字母大写：

textCapCharcters

每个单词首字母大写：

textCapWords

多行输入：

textMultiLine

（2）效果演示：

    <EditText
        android:id="@+id/et"
        android:layout_width="150dp"
        android:layout_height="wrap_content"
        android:hint="请输入用户名"
        android:textColorHint="#ff00ff"
        android:selectAllOnFocus="true"
        android:inputType="text" />

AndroidのUIプログラミング（ビュー、のViewGroupクラス、ボタン、TextViewの、のEditText）

おすすめ