Android多功能时钟开发案例（基础篇）

本文我们进入android多功能时钟开发实战学习，具体的效果可以参考手机上的时钟，内容如下
首先我们来看一看布局文件layout_main.xml

整个布局：

<framelayout xmlns:android="http://schemas.android.com/apk/res/android" 
 android:id="@+id/container" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" > 
 
 <tabhost 
  android:id="@android:id/tabhost" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" > 
 
  <linearlayout 
   android:layout_width="match_parent" 
   android:layout_height="match_parent" 
   android:orientation="vertical" > 
 
   <tabwidget 
    android:id="@android:id/tabs" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" > 
   </tabwidget> 
 
   <framelayout 
    android:id="@android:id/tabcontent" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" > 
 
    <com.example.clock.timeview 
     android:id="@+id/tabtime" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical" > 
    </com.example.clock.timeview> 
 
    <com.example.clock.alarmview 
     android:id="@+id/tabalarm" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical" > 
<span style="white-space:pre">  </span>…… 
    </com.example.clock.alarmview> 
 
    <com.example.clock.timerview 
     android:id="@+id/tabtimer" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical" > 
<span style="white-space:pre">  </span>…… 
    </com.example.clock.timerview> 
 
    <com.example.clock.stopwatchview 
     android:id="@+id/tabstopwatch" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical" > 
<span style="white-space:pre">  </span>…… 
    </com.example.clock.stopwatchview> 
   </framelayout> 
  </linearlayout> 
 </tabhost> 
 
</framelayout> 

 整个布局整的是一个framelayout，我们在里面放了一个tabhost，接下来我们就可以在里面直接添加自己想要的布局了，可能初学者初一看会有那么一个疑问，就是<com.example.clock.……></com.example.clock.……>这个是什么东西？？这是一个自定义的控件，我们创建的一个继承了linearlayout的一个类（讲解可以参考这里），上面我们看到了四个这样的标签，表示我们有四个这样的tab页面。关于布局的东西这里就不多讲了，之后会把我自己在学习过程中的一些不懂，以及相关的知识点上传到资源中，大家可以下载来看看。

完整的布局文件代码：

<framelayout xmlns:android="http://schemas.android.com/apk/res/android" 
 android:id="@+id/container" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" > 
 
 <tabhost 
  android:id="@android:id/tabhost" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" > 
 
  <linearlayout 
   android:layout_width="match_parent" 
   android:layout_height="match_parent" 
   android:orientation="vertical" > 
 
   <tabwidget 
    android:id="@android:id/tabs" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" > 
   </tabwidget> 
 
   <framelayout 
    android:id="@android:id/tabcontent" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" > 
 
    <com.example.clock.timeview 
     android:id="@+id/tabtime" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical" > 
 
     <textview 
      android:id="@+id/tvtime" 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:gravity="center" 
      android:textappearance="?android:attr/textappearancelarge" /> 
    </com.example.clock.timeview> 
 
    <com.example.clock.alarmview 
     android:id="@+id/tabalarm" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical" > 
 
     <listview 
      android:id="@+id/lvlistalarm" 
      android:layout_width="fill_parent" 
      android:layout_height="0dp" 
      android:layout_weight="1" > 
     </listview> 
 
     <button 
      android:id="@+id/btnaddalarm" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:text="@string/add_alarm" > 
     </button> 
    </com.example.clock.alarmview> 
 
    <com.example.clock.timerview 
     android:id="@+id/tabtimer" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical" > 
 
     <linearlayout 
      android:layout_width="fill_parent" 
      android:layout_height="0dp" 
      android:layout_weight="1" 
      android:orientation="horizontal" > 
 
      <edittext 
       android:id="@+id/ethour" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:inputtype="number" 
       android:singleline="true" 
       android:textappearance="?android:attr/textappearancelarge" /> 
 
      <textview 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text=":" 
       android:textappearance="?android:attr/textappearancelarge" /> 
 
      <edittext 
       android:id="@+id/etmin" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:inputtype="number" 
       android:singleline="true" 
       android:textappearance="?android:attr/textappearancelarge" /> 
 
      <textview 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text=":" 
       android:textappearance="?android:attr/textappearancelarge" /> 
 
      <edittext 
       android:id="@+id/etsec" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:inputtype="number" 
       android:singleline="true" 
       android:textappearance="?android:attr/textappearancelarge" /> 
     </linearlayout> 
 
     <linearlayout 
      android:id="@+id/btngroup" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal" > 
 
      <button 
       android:id="@+id/btnstart" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:text="@string/start" /> 
 
      <button 
       android:id="@+id/btnpause" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:text="@string/pause" /> 
 
      <button 
       android:id="@+id/btnresume" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:text="@string/resume" /> 
 
      <button 
       android:id="@+id/btnreset" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:text="@string/reset" /> 
     </linearlayout> 
    </com.example.clock.timerview> 
 
    <com.example.clock.stopwatchview 
     android:id="@+id/tabstopwatch" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical" > 
 
     <linearlayout 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal" > 
 
      <textview 
       android:id="@+id/timehour" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:textappearance="?android:attr/textappearancelarge" /> 
 
      <textview 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text=":" 
       android:textappearance="?android:attr/textappearancelarge" /> 
 
      <textview 
       android:id="@+id/timemin" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:textappearance="?android:attr/textappearancelarge" /> 
 
      <textview 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text=":" 
       android:textappearance="?android:attr/textappearancelarge" /> 
 
      <textview 
       android:id="@+id/timesec" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:textappearance="?android:attr/textappearancelarge" /> 
 
      <textview 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="." 
       android:textappearance="?android:attr/textappearancelarge" /> 
 
      <textview 
       android:id="@+id/timemsec" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:textappearance="?android:attr/textappearancelarge" /> 
     </linearlayout> 
 
     <listview 
      android:id="@+id/lvwatchtime" 
      android:layout_width="fill_parent" 
      android:layout_height="0dp" 
      android:layout_weight="1" > 
     </listview> 
 
     <linearlayout 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal" > 
 
      <button 
       android:id="@+id/btnswstart" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:text="@string/start" /> 
 
      <button 
       android:id="@+id/btnswpause" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:text="@string/pause" /> 
 
      <button 
       android:id="@+id/btnswresume" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:text="@string/resume" /> 
 
      <button 
       android:id="@+id/btnswlap" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:text="@string/lap" /> 
 
      <button 
       android:id="@+id/btnswreset" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:text="@string/reset" /> 
     </linearlayout> 
    </com.example.clock.stopwatchview> 
   </framelayout> 
  </linearlayout> 
 </tabhost> 
 
</framelayout> 

讲完了布局，我们来讲讲mainactivity

private tabhost tabhost; 
 
@override 
protected void oncreate(bundle savedinstancestate) { 
 super.oncreate(savedinstancestate); 
 setcontentview(r.layout.activity_main); 
 
 tabhost = (tabhost) findviewbyid(android.r.id.tabhost); 
 tabhost.setup(); 
 
 // 为tabhost添加标签 
 // 新建一个newtabspec(newtabspec)用来指定该标签的id（就是用来区分标签）的 
 // 设置其标签和图表(setindicator) 
 // 设置内容(setcontent) 
 /* 
  * 设置选项卡 : -- 设置按钮名称 : setindicator(时钟); -- 设置选项卡内容 : setcontent(), 
  * 可以设置视图组件, 可以设置activity, 也可以设置fragement; 
  */ 
 tabhost.addtab(tabhost.newtabspec("tabtime").setindicator("时钟") 
   .setcontent(r.id.tabtime)); 
 tabhost.addtab(tabhost.newtabspec("tabalarm").setindicator("闹钟") 
   .setcontent(r.id.tabalarm)); 
 tabhost.addtab(tabhost.newtabspec("tabtimer").setindicator("计时器") 
   .setcontent(r.id.tabtimer)); 
 tabhost.addtab(tabhost.newtabspec("tabstopwatch").setindicator("秒表") 
   .setcontent(r.id.tabstopwatch)); 
} 

在mainactivity中主要的操作就是设置tabhost，上面的代码中已经贴上了解释，这里就不讲了，接下来一篇我们就重点来讲讲时钟、闹钟、计时器和秒表这四部分，希望大家继续学习。

以上就是本文的全部内容，希望对大家学习android软件编程有所帮助。