【android studio】Android 组件开发之带label的文本输入框(EditText)

时间:2018-05-15  来源:组件开发  阅读:

在Android开发中,我们的Activity都不免要用到很多的View部件,而对于每一个View我们都要findViewById,设置监听器,获取用户输入的结果等操作。如果我们细心想想,这些琐碎的操作是不是跟这个Activity的处理逻辑没有很大的关系呢?很多的Activity中都要用到一些常见的View组合,能不能把他们抽象出来形成一种可以复用的复合组件呢?

这篇文章就是基于这种想法,开发了一个简单的组件,对于Android新手来说,可以作为一种参考吧。

EditTextWithLabel组件类定义:(EditTextWithLabel.java)

 代码如下 复制代码

package com.raysmond.component;

import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.widget.EditText;
import android.widget.LinearLayout;
import android.widget.TextView;

public class EditTextWithLabel extends LinearLayout{
 
 TextView label;
 EditText text;
 
 public EditTextWithLabel(Context context,AttributeSet attrs){
  super(context, attrs);
  setOrientation(HORIZONTAL);
  LayoutInflater.from(context).inflate(R.layout.edit_text_with_label, this, true);
  label = (TextView) findViewById(R.id.comp_le_label);
  text = (EditText) findViewById(R.id.comp_le_content);
  
 }
 
 public boolean setSubViewFocus(){
  return text.requestFocus();
 }
 
 public EditText getEditText(){
  return text;
 }
 
 public String getContent(){
  return text.getText().toString();
 }
 
 public void setContent(String str){
  text.setText(str);
 }
 
 public void setError(String error){
  text.setError(error);
 }
 
}

EditTextWithLabel组件的布局xml(edit_text_with_label.xml)

 代码如下 复制代码



            android:id="@+id/comp_le_label"
        android:layout_width="wrap_content"
        android:layout_weight="3"
        android:layout_height="wrap_content"
        android:paddingRight="5dp"
        android:text="Label"
        android:textSize="25sp"
        android:gravity="center"/>

            android:inputType="text"
        android:id="@+id/comp_le_content"
        android:layout_width="wrap_content"
        android:layout_weight="7"
        android:layout_height="wrap_content"
        android:textSize="25sp"
        >
       
   

使用EditTextWithLabel复合组件,主Activity的XML (activity_main.xml)

 代码如下 复制代码

    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

            android:layout_width="wrap_content"
        android:id="@+id/hello_world"
        android:layout_height="wrap_content"
        android:textSize="28sp"
        android:text="带Label的输入框组件" />
   
            android:id="@+id/test_component"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/hello_world"
         />

使用EditTextWithLabel复合组件,主Activity类(MainActivity.java)

 代码如下 复制代码

package com.raysmond.activity;

import com.raysmond.component.EditTextWithLabel;
import com.raysmond.component.R;

import android.os.Bundle;
import android.app.Activity;

public class MainActivity extends Activity {
 EditTextWithLabel component;
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  findView();
  
 }
 
 public void findView(){
  component = (EditTextWithLabel) findViewById(R.id.test_component);
  component.setSubViewFocus();
 }
 
}

Demo:

android-component-edit-text-with-label_0.png

【android studio】Android 组件开发之带label的文本输入框(EditText)

http://m.bbyears.com/aspjiaocheng/41400.html

推荐访问:android学习路线
相关阅读 猜你喜欢
本类排行 本类最新