android转圈加文字,50个Android开发技巧(11 为文字加入特效)

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" />