第三章关于控件的一些技巧

最新推荐文章于 2024-08-06 14:16:39 发布

chenrenxiang

最新推荐文章于 2024-08-06 14:16:39 发布

阅读量3.4k

点赞数

分类专栏： Android应用文章标签：控件

本文链接：https://blog.csdn.net/chenrenxiang/article/details/51137409

版权

Android应用专栏收录该内容

47 篇文章 1 订阅

订阅专栏

1.避免EditText输入日期时的验证

当在EditText输入日期时，通常需要对输入的日期进行验证，然而我们可以用Button代替EditText，从而避免验证。

首先，使用Button控件替代EditText控件，但给Button控件设置一个EditText控件的背景，使之看起来像一个EditText控件，如下：

<Button
        android:id="@+id/details_date"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="输入日期"
        android:textColor="@android:color/holo_red_light"
        android:gravity="center"
        android:background="@android:drawable/edit_text" />

这里的@android:drawable/edit_text是系统自带的背景，即EditText的背景。

然后在java代码里实现当用户点击这个控件时弹出一个日期选择对话框，让用户直接选择日期，而不是输入

  private int mYear;
  private int mMonth;
  private int mDay;
  private OnDateSetListener mDateSetListener;
  private Button mDateButton;
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    // get the current date
    final Calendar c = Calendar.getInstance();
    mYear = c.get(Calendar.YEAR);
    mMonth = c.get(Calendar.MONTH);
    mDay = c.get(Calendar.DAY_OF_MONTH);

    mDateSetListener = new DatePickerDialog.OnDateSetListener() {
      @Override
      public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
        mDateButton.setText(getString(R.string.picked_date_format, monthOfYear, dayOfMonth, year));
      }
    };

    mDateButton=(Button)findViewById(R.id.details_date);
    mDateButton.setOnClickListener(new OnClickListener() {
      @Override
      public void onClick(View v) {
        showDatePickerDialog();
      }
    });
  }
  private void showDatePickerDialog(){
    new DatePickerDialog(this,mDateSetListener,mYear, mMonth,mDay).show();
  }

总结：你也许会问，为什么不直接在EditText上设置点击事件，而要用一个Button去替代呢？因为使用Button更加安全，用户也不能修改Button的文字显示。你也可以使用TextWatcher来验证用户的输入，但是这将耗费更多的时间。在app中使用android的系统资源能非常好地利用设备的原有风格。

2.格式化TextView的文字显示

上面这条tweet，由不同的文字风格和颜色组成：黑色、蓝色，还有一部分点击可以打开一个网址。让人觉得这是一个自定义控件来展示这些信息，实际上只用一个TextView控件就能实现。下面将通过一个例子来展示如何给TextView添加不同风格的文字和超链接。

这是xml布局：

<TextView
        android:id="@+id/hello_world"
        android:textSize="18sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />
    <TextView
        android:id="@+id/text_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="18sp"
        android:layout_below="@+id/hello_world"
        android:layout_marginTop="4dp"
        android:text="我感觉我要喝点水，可你的嘴将我的嘴堵住"
        />

这是java代码：

public class MainActivity extends AppCompatActivity {

    TextView helloWorldText;
    TextView textTwo;
    String textLink="visit <a href=\"http://www.sina.com/\">Sina Home</a>";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //第一个添加超链接
        helloWorldText=(TextView)findViewById(R.id.hello_world);
        helloWorldText.setText(Html.fromHtml(textLink));
        helloWorldText.setMovementMethod(LinkMovementMethod.getInstance());
        //第二个改变前景色和背景色
        textTwo=(TextView)findViewById(R.id.text_2);
        Spannable spannable=new SpannableString(textTwo.getText());
        spannable.setSpan(new BackgroundColorSpan(Color.BLUE),2,5,0);//背景蓝色
        int index=textTwo.getText().toString().indexOf("，");//获取“，”的位置
        spannable.setSpan(new ForegroundColorSpan(Color.YELLOW),index,textTwo.getText().length(),0);//前景黄色
        textTwo.setText(spannable);
    }
}

效果如下：点击Sina Home可以跳转到新浪首页

3.给文字添加发光效果

给文字添加如下图所示的LED效果。

首先新建一个LedTextView继承自TextView，这个类主要用于设置字体效果。

public class LedTextView extends TextView {

  private static final String FONTS_FOLDER = "fonts";
  private static final String FONT_DIGITAL_7 = FONTS_FOLDER
      + File.separator + "digital-7.ttf";

  public LedTextView(Context context) {
    super(context);
    init(context);
  }

  public LedTextView(Context context, AttributeSet attrs) {
    super(context, attrs);
    init(context);
  }

  public LedTextView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    init(context);
  }

  private void init(Context context) {
    AssetManager assets = context.getAssets();
    final Typeface font = Typeface.createFromAsset(assets,FONT_DIGITAL_7);//设置字体
    setTypeface(font);
  }

}

然后在布局中设置两个LedTextView，一个用来显示88：88：88的背景，一个用来显示当前的时间，如下：

<merge xmlns:android="http://schemas.android.com/apk/res/android" >

    <com.manning.androidhacks.hack011.view.LedTextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="88:88:88"
        android:textColor="#3300ff00"
        android:textSize="80sp" />

    <com.manning.androidhacks.hack011.view.LedTextView
        android:id="@+id/main_clock_time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:textColor="#00ff00"
        android:textSize="80sp" />

</merge>

在activity中设置

public class MainActivity extends Activity {

  private static final String DATE_FORMAT = "%02d:%02d:%02d";
  private static final int REFRESH_DELAY = 500;

  private final Handler mHandler = new Handler();
  private final Runnable mTimeRefresher = new Runnable() {
    @Override
    public void run() {
      final Date d = new Date();
      mTextView.setText(String.format(DATE_FORMAT, d.getHours(),
          d.getMinutes(), d.getSeconds()));
      mHandler.postDelayed(this, REFRESH_DELAY);
    }
  };

  private TextView mTextView;

  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    mTextView = (TextView) findViewById(R.id.main_clock_time);
  }

  @Override
  protected void onResume() {
    super.onResume();
    mHandler.post(mTimeRefresher);
  }

  @Override
  protected void onStop() {
    super.onStop();
    mHandler.removeCallbacks(mTimeRefresher);
  }
}

其中%02d是用来限制数字格式的， 2是代表宽度，如果整数不够2列就补上0，比如 printf("%02d" ,3); 结果就是 03，
如果数字大于2则没有影响，比如 printf("%02d",1234);结果是 1234

4.为控件添加圆角背景

直接给控件添加一个drawable背景就行了，没什么好说的

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#AAAAAA"/>
    <corners android:radius="15dp"/>
</shape>

5.在onCreate()方法中获取控件的高度和宽度

如果在onCreate()方法中直接调用view的getHeight()和getWidth()方法，都只会返回0，也就是获取不到控件的高和宽。因为布局的绘制过程分为两个步骤，measure和layout，首先测量布局和其中每一个控件的宽和高，然后确定每一个控件在布局中的摆放位置。控件在第二个步骤才能获得宽度和高度，而layout发生在onCreate()方法调用之后，因此在onCreate()方法中无法获得控件的宽高。

为了解决这一问题，可以使用view的post()方法，这个方法接收一个Runnable参数并把它添加到消息队列中。这个Runnable方法在ui线程中执行。

java代码如下：

  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    mTextView = (TextView) findViewById(R.id.main_clock_time);
    Log.d("crx","before post:textView.width="+mTextView.getWidth()+",textView.height="+mTextView.getHeight());
    mTextView.post(new Runnable() {
      @Override
      public void run() {
        Log.d("crx","after post:textView.width="+mTextView.getWidth()+",textView.height="+mTextView.getHeight());
      }
    });
  }

下面输出的结果：

6.VideoViews和横竖屏切换

这一节主要展示如何让视频在手机旋转的时候自动转换横竖屏

首先布局的时候可以让VidioViews占据整个屏幕，但不可见。然后设置一个view控件，放在当手机竖着时视频的位置。

然后在Manifest文件中为当前activity设置android:configChanges="orientation"属性，这样当手机旋转时就会自动调用onConfigurationChanged()方法。

因此就可以在onConfigurationChanged()方法中添加如下代码：

switch (getResources().getConfiguration().orientation) {//判断横竖屏
    case Configuration.ORIENTATION_LANDSCAPE: {//如果是横屏
      mPortraitContent.setVisibility(View.GONE);//隐藏竖屏控件
      //设置VideoViews的高和宽等属性
      RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
      params.addRule(RelativeLayout.CENTER_IN_PARENT);
      mVideoView.setLayoutParams(params);
      break;
    }

    case Configuration.ORIENTATION_SQUARE:
    case Configuration.ORIENTATION_UNDEFINED:
    case Configuration.ORIENTATION_PORTRAIT:
    default: {//竖屏

      mPortraitContent.setVisibility(View.VISIBLE);//隐藏横屏控件
      int[] locationArray = new int[2];
      mPortraitPosition.getLocationOnScreen(locationArray);//获取控件高和宽
      //设置视频空间高和宽
      RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(mPortraitPosition.getWidth(), mPortraitPosition.getHeight());
      params.leftMargin = locationArray[0];
      params.topMargin = locationArray[1];
      mVideoView.setLayoutParams(params);

      break;
    }
 }

7.移除背景，提高Activity启动速度

在Android ADK中，有一个叫做Hierarchy Viewer的工具，使用这个工具能够清楚地看出布局的层级和复杂程度。（注：真机调试下可能无法查看，如果要使用Hierarchy Viewer最好使用模拟器）如果我们创建一个默认的android项目，布局代码如下：

<merge xmlns:android="http://schemas.android.com/apk/res/android" >

    <com.manning.androidhacks.hack011.view.LedTextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="88:88:88"
        android:textColor="#3300ff00"
        android:textSize="80sp" />

    <com.manning.androidhacks.hack011.view.LedTextView
        android:id="@+id/main_clock_time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:textColor="#00ff00"
        android:textSize="80sp" />

</merge>

在Hierarchy Viewer中查看此布局的层级关系图如下：

这个布局中actionbar占了很大部分，实际上我们的布局代码中并没有，是项目的主题自带的，如果去掉actionbar，将会极大地简化布局的层级关系

我们可以在res/values文件夹下添加一个my_theme.xml，在里面自定义主题

<resources>
    <style name="Theme.NoBackground" parent="android:Theme">
        <item name="android:windowNoTitle">true</item>
    </style>
</resources>

把title去掉之后，布局层级关系如下图：

可见层级树深度也降低了一层，分支也少了。在真机上启动app速度也快了一些。
我们已经知道布局里有LinearLayout和LedTextView，这里的DectorView和FrameLayout如何解释呢？FrameLayout是在执行setContentView()方法时创建的，DectorView是层级树的根节点。默认情况下，FrameLayout将会填充整个屏幕，并且拥有默认的背景颜色。DectorView则持有整个屏幕背景。如果我们的UI背景是自定义的，默认情况下设备仍然会花费时间去绘制默认背景。因此如果我们确认不会使用默认背景，就可以把默认背景移除掉，这样可以加快activity的创建速度。

去除默认背景的方法也很简单，只要在刚才的style属性中添加一项属性如下：

<resources>
    <style name="Theme.NoBackground" parent="android:Theme">
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowBackground">@null</item>
    </style>
</resources>

8.自定义Toast

Toast的位置默认在屏幕底部正中间，但是我们也能让Toast显示在其它位置。使用Toast.setGravity(int gravity, int xOffset, int yOffset)方法。

比如：

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

让toast显示在屏幕的左上角

自定义一个Toast

先在xml中写好toast的布局，如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:id="@+id/toast_layout_root"
              android:orientation="horizontal"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              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>

然后在java代码中把布局添加到toast中并显示出来：

LayoutInflater inflater = getLayoutInflater();
View layout = inflater.inflate(R.layout.custom_toast,(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();

chenrenxiang

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
第三章关于控件的一些技巧

1.避免EditText输入日期时的验证当在EditText输入日期时，通常需要对输入的日期进行验证，然而我们可以用Button代替EditText，从而避免验证。首先，使用Button控件替代EditText控件，但给Button控件设置一个EditText控件的背景，使之看起来像一个EditText控件，如下： android:id="@+id/details_date"
复制链接

扫一扫