码迷，mamicode.com
首页 > 其他好文 > 详细

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

时间：2016-04-15 12:06:47      阅读：189      评论：0      收藏：0      [点我收藏+]

标签：

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();




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

标签：

原文地址：http://blog.csdn.net/chenrenxiang/article/details/51137409
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！