android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="@string/default_time"
android:textColor="#3300ff00"
android:textSize="80sp" />
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" />
在这里定义了两个LedTextView控件,当中@string/default_time值为"88:88:88"。
另一点须要注意,这里用到了标签。博主在前文《延迟载入和避免反复渲染》中已经介绍过标签的使用。
试想一下,当你
/>这个布局main.xml时,假设main.xml是这种:
<
android:layout_width="fill_parent"
android:layout_height="fill_parent">
android:layout_width ="wrap_content"
android:layout_height ="wrap_content"
android:layout_gravity ="center"
android:text ="@string/default_time"
android:textColor ="#3300ff00"
android:textSize ="80sp" />
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" />
是不是添加了View树的Hierarchy层级呢?这样会显得View树更加复杂。假设这种布局使用多了。会影响性能。
二、实时更新LedTextView显示的内容
接下来看MainActivity:
public class MainActivity extends Activity {
private static final String DATE_FORMAT = "%02d:%02d:%02d" ;
private static final int REFRESH_DELAY = 500;
// 因为Android不同意其它线程操作UI,所以在此创建了一个Handler
private final Handler mHandler = new Handler();
//用来实时更新LedTextView显示的线程
private final Runnable mTimeRefresher = new Runnable() {
@Override
public void run() {
Calendar calendar = Calendar. getInstance (TimeZone
. getTimeZone( "GMT+8")); // 设置时区
final Date d = new Date();
calendar .setTime (d );
mTextView. setText( String. format (DATE_FORMAT ,
calendar .get (Calendar .HOUR ), calendar. get( Calendar. MINUTE),
calendar .get (Calendar .SECOND )));
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 );
}
}
代码相同也不复杂。主要注意一下多线程的使用。
至此,我们已经创建了一个LED数字时钟。效果例如以下:
可是总认为和问题要求的效果图差一些。没错,还少了阴影效果。
三、为时钟加入阴影效果
TextView类提供了例如以下方法来设置阴影效果:
public void setShadowLayer (float radius, float dx, float dy, int color)
相应到XML属性就是:
android:shadowRadius,android:shadowDx,android:shadowDy,android:shadowColor
我们在main.xml中把第二个LedTextView改为:
android:id ="@+id/main_clock_time"
android:layout_width ="wrap_content"
android:layout_height ="wrap_content"
android:layout_gravity ="center"
android:shadowColor ="#00ff00"
android:shadowDx ="0"
android:shadowDy ="0"
android:shadowRadius ="10"
android:textColor ="#00ff00"
android:textSize ="80sp" />