探索界面UI元素(1)

     必须了解的Widget组件

     1.文本控件：TextView

     从这开始先介绍一些常用的Widget类，首先是TextView，它是Android中最简单也是最重要的一个类。它的用处是向用户简单的显示一些固定的字符串。

     新建Android项目，首先打开layout文件夹下的main.xml文件，在其中添加一段xml配置代码，语法如下：

     <TextView
        android:layout_width="wrap_content"     
        android:layout_height="wrap_content"
        android:text="Hello,world!"
        android:textSize="30dip"
        android:layout_centerHorizontal="true"
        android:textColor="#E6941A"/>

     其中：android:layout_width属性指定了TextView渲染的矩形区域的宽。

               android:layout_height属性指定了TextView渲染的矩形区域的高。

               android:text属性指定了TextView中显示的文字。

               android:textSize属性指定了TextView中文字的大小。

               android:layout_centerHorizontal属性指定了TextView显示位置。

               android:textColor属性指定了TextView文本的颜色。

     完成配置之后要和java代码关联，创建主程序MainActivity.java,代码如下：

      public class MainActivity extends Activity {

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

     用setContentView()将这个程序与名为main的xml文件关联起来，运行程序，即可完成最简单的Hello，World应用程序。

     TextView中的一些功能：

     android:textSize设置字体大小，例如：android:textSize="30dip"

     android:background设置TextView的背景色，例如：android:background="#ffffff"

     android:textColor设置TextView的字体颜色，例如： android:textColor="#E6941A"

     android:ems设置TextView宽度为N个字符的宽度，例如：android:ems="10"

     android:lines设置TextView文本的行数，例如：android:lines="3"

     以上就是TextView 的最常见的几个属性。

    

     2.文字编辑：EditText

              学习完文字的显示之后，再来学习一下文字的编辑。

              一个应用程序必然需要人机进行交互，如最简单的一个登陆界面。我们需要在编辑框中输入账号、密码、然后单击确定按钮，完成登录操作。

       接下来学习常用的编辑框EditText。EditText是TextView的子类，所以基本上TextView的属性，都可以用于EditText上，编辑如下的xml文件：

          <EditText
                 android:layout_width="wrap_content"     
                 android:layout_height="wrap_content"
                 android:id="@+id/edit"
                 android:textSize="20dp"
           />

           只要将前面的标签换了就好了，接下来看看java部分的代码：

                   @Override
            protected void onCreate(Bundle savedInstanceState) {
                      super.onCreate(savedInstanceState);
                      setContentView(R.layout.activity_main);
                      EditText et = (EditText) findViewById(R.id.edit);
                      et.setBackgroundColor(Color.WHITE);
                      et.setTextColor(Color.BLACK);
                   }
           当EditText获得焦点时，会自动弹出软键盘，以供用户输入。

        3.使用按钮：Button

           一次人机交互都以一个按钮的单击事件结束，所以学习按钮是开发中的必须。xml代码如下：

          <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

           java部分的代码如下：

           @Override
           protected void onCreate(Bundle savedInstanceState) {
                  super.onCreate(savedInstanceState);
                  setContentView(R.layout.activity_main);
                  Button btn = (Button) findViewById(R.id.btn);
                  btn.setOnClickListener(new OnClickListener() {
                         @Override
                         public void onClick(View v) {    
                         }
                        });
            }这里使用View.setOnCliickListener(OnClickListener)方法设置监听器，参数是OnClickListener接口，然后重写onClick()方法.