Android基于基于布局嵌套的页面导航实现

2022-03-06 09:06:50

 页面如下：

Android基于基于布局嵌套的页面导航实现

主页面的布局分隔为三部分：

Xml代码
Android基于基于布局嵌套的页面导航实现
<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:id="@+id/gztab_content"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent"  
    android:orientation="vertical" >  
  <!-- header  -->  
 <include android:id="@+id/gz_top" layout="@layout/tab_top" 
     android:layout_width="fill_parent"  
     android:layout_height="wrap_content"/>
   
  <!-- content  -->  
<TabHost 
    android:id="@+id/tabhost"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent" >  
  
    <LinearLayout  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent"  
        android:orientation="vertical" >  
  
        <TabWidget  
            android:id="@+id/tabs"  
            android:layout_width="fill_parent"  
            android:layout_height="wrap_content" >  
        </TabWidget>  
  
        <FrameLayout  
            android:id="@+id/tabcontent"  
            android:layout_width="fill_parent"  
            android:layout_height="wrap_content" >  
  
          <LinearLayout   
                android:layout_width="fill_parent"  
                android:layout_height="fill_parent"  
                android:orientation="vertical"   
                android:id="@+id/unhanlderLayout">  
                       <Button android:id="@+id/gzbtn_unhandler_refresh"   
                           android:layout_width="fill_parent"  
                           android:layout_height="wrap_content"  
                           android:text="刷新"  
                           />  
                      <LinearLayout   
                        android:layout_width="fill_parent"  
                        android:layout_height="fill_parent"  
                        android:orientation="vertical" >  
                         <ListView android:id="@+id/gz_unhandler_ListView"  
                             android:layout_width="fill_parent"  
                             android:layout_height="wrap_content">  
                         </ListView>  
                      </LinearLayout>  
              </LinearLayout>  
  
             <LinearLayout   
                android:layout_width="fill_parent"  
                android:layout_height="fill_parent"  
                android:orientation="vertical"   
                android:id="@+id/handlingLayout">  
                       <Button android:id="@+id/gzbtn_handlering_refresh"   
                           android:layout_width="fill_parent"  
                           android:layout_height="wrap_content"  
                           android:text="刷新"  
                           />  
                      <LinearLayout   
                        android:layout_width="fill_parent"  
                        android:layout_height="fill_parent"  
                        android:orientation="vertical" >  
                         <ListView android:id="@+id/gz_handleringListView"  
                             android:layout_width="fill_parent"  
                             android:layout_height="wrap_content">  
                         </ListView>  
                      </LinearLayout>  
              </LinearLayout>  
  
            <LinearLayout   
                android:layout_width="fill_parent"  
                android:layout_height="fill_parent"  
                android:orientation="vertical"   
                android:id="@+id/handledLayout">  
                       <Button android:id="@+id/gzbtn_handled_refresh"   
                           android:layout_width="fill_parent"  
                           android:layout_height="wrap_content"  
                           android:text="刷新"  
                           />  
                      <LinearLayout   
                        android:layout_width="fill_parent"  
                        android:layout_height="fill_parent"  
                        android:orientation="vertical" >  
                         <ListView android:id="@+id/gzgzbtn_handled_ListView"  
                             android:layout_width="fill_parent"  
                             android:layout_height="wrap_content">  
                         </ListView>  
                      </LinearLayout>  
              </LinearLayout>  
        </FrameLayout>  
    </LinearLayout>  
</TabHost>  
  <!-- bottom  -->  
  <Button android:id="@+id/btnManyInfo" android:layout_width="fill_parent"  
      android:layout_height="wrap_content"  
      android:text="更多（10）"/>  
</LinearLayout>
Android基于基于布局嵌套的页面导航实现

注意观察上面标记为红色的android：id均采用android系统默认的名称：

页面的导航组件： 

Android基于基于布局嵌套的页面导航实现
<?xml version="1.0" encoding="UTF-8"?>  
<RelativeLayout  android:layout_width="fill_parent" android:layout_height="wrap_content" xmlns:android="http://schemas.android.com/apk/res/android">  
    <Button   
        android:id="@+id/top_gzbtn_left"   
         android:text="返回"   
         android:layout_width="wrap_content"   
         android:layout_height="wrap_content"   
         android:layout_marginLeft="12.0dip"   
         android:layout_alignParentLeft="true"   
         android:layout_centerVertical="true" />  
    <Button   
         android:id="@+id/top_gzbtn_right"   
         android:text="发布"   
         android:layout_width="wrap_content"   
         android:layout_height="wrap_content"   
         android:layout_marginRight="12.0dip"   
         android:layout_alignParentRight="true"   
         android:layout_centerVertical="true" />  
    <TextView android:textSize="22.0sp"   
         android:textColor="#ffffffff"  
          android:ellipsize="middle"  
           android:gravity="center_horizontal"   
           android:id="@+id/top_gztxt_title"  
           android:layout_width="wrap_content"   
           android:layout_height="wrap_content"   
           android:text="故障管理" android:singleLine="true" android:layout_toLeftOf="@+id/top_gzbtn_right" android:layout_toRightOf="@+id/top_btn_left0" android:layout_centerInParent="true" android:layout_alignWithParentIfMissing="true" >  
        </TextView>  
</RelativeLayout>
Android基于基于布局嵌套的页面导航实现

上面红色布局主要采用相对布局定位相关的导航位置：

每一个tab页面的中的内容如下：

Xml代码 
Android基于基于布局嵌套的页面导航实现
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <!-- 个人信息 -->

    <LinearLayout
        android:id="@+id/gzPersonInfoLayout"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="horizontal" >

        <ImageView
            android:id="@+id/gzimg_item_Img"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="left"
            android:layout_margin="5px"
            android:src="@drawable/ic_launcher" />

        <TableLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_gravity="right"
            android:shrinkColumns="1" >

            <TableRow>

                <TextView
                    android:id="@+id/gztxt_item_userCode"
                    android:padding="3dip" />

                <TextView
                    android:id="@+id/gztxt_item_UserCollectionName"
                    android:padding="3dip" />

                <TextView
                    android:id="@+id/gztxt_item_Time"
                    android:padding="3dip" />
            </TableRow>

            <TableRow>

                <TextView
                    android:id="@+id/gztxt_item_name_person"
                    android:padding="3dip" />

                <TextView
                    android:padding="3dip"
                    android:text="" />

                <TextView android:padding="3dip" />
            </TableRow>
        </TableLayout>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/gzItemLayout"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="horizontal" >

        <TableLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" >

            <TableRow>

                <TextView
                    android:padding="3dip"
                    android:text="项目名称:" />

                <TextView
                    android:id="@+id/gztxt_item_name"
                    android:padding="3dip" />

                <TextView
                    android:padding="3dip"
                    android:text="列车编号：" />

                <TextView
                    android:id="@+id/gztxt_item_code"
                    android:padding="3dip" />
            </TableRow>
        </TableLayout>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/gzItemLayout"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="horizontal" >

        <TableLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_gravity="right"
            android:shrinkColumns="1" >

            <TableRow>

                <TextView
                    android:padding="3dip"
                    android:text="故障负责人" />

                <TextView
                    android:id="@+id/gztxt_item_user"
                    android:padding="3dip" />
            </TableRow>

            <TableRow>

                <TextView
                    android:padding="3dip"
                    android:text="故障处理人" />

                <TextView
                    android:id="@+id/gztxt_item_handler"
                    android:padding="3dip" />
            </TableRow>

            <TableRow>

                <TextView
                    android:padding="3dip"
                    android:text="故障描述" />

                <TextView
                    android:id="@+id/gztxt_item_descption"
                    android:padding="3dip" />
            </TableRow>

            <TableRow>

                <TextView
                    android:padding="3dip"
                    android:text="问题级别：" />

                <TextView
                    android:id="@+id/gztxt_item_level"
                    android:padding="3dip"
                    android:text="一般" />
            </TableRow>

            <TableRow>

                <TextView
                    android:padding="3dip"
                    android:text="状态：" />

                <TextView
                    android:id="@+id/gztxt_item_status"
                    android:padding="3dip"
                    android:text="未解决" />
            </TableRow>
        </TableLayout>
    </LinearLayout>

</LinearLayout>
Android基于基于布局嵌套的页面导航实现

讯飞的语音sdk是需要申请的，地址是：http://dev.voicecloud.cn/developer.php?vt=1 。申请一个讯飞的开发者账号，然后申请一个appid，申请的时候需要填写开发者信息和你的应用的信息。

申请之后经过审核通过，会得到一个appid，这个是在使用语音服务时需要用到的。（笔者感觉申请还是比较容易通过的，简单地填写一下就通过了。速度也很快，我在晚上十一点多申请的，到第二天早上九点多就收到审核通过的邮件。个人感觉这个审核只是为了防止恶意使用，毕竟语音服务是要使用讯飞的服务器资源的。）

申请到appid之后就可以下载SDK了，然后使用语音服务了。

以下我试用的过程，（点击button，弹出语音框，说完之后将识别的结果显示在EditText中）：

  • 在eclipse里新建一个android工程
  • 导入讯飞的语音jar包
  • 讯飞的服务是需要一堆权限的，在manifest.xml中加入
    [html] view plaincopyprint?
    1. <uses-permission android:name="android.permission.RECORD_AUDIO" />  
    2. <uses-permission android:name="android.permission.INTERNET" />  
    3. <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />  
    4. <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />  
    5. <uses-permission android:name="android.permission.CHANGE_NETWORK_STATE" />  
    6. <uses-permission android:name="android.permission.READ_PHONE_STATE" />  
    Html代码  Android基于基于布局嵌套的页面导航实现
    1. <uses-permission android:name="android.permission.RECORD_AUDIO" />  
    2. <uses-permission android:name="android.permission.INTERNET" />  
    3. <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />  
    4. <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />  
    5. <uses-permission android:name="android.permission.CHANGE_NETWORK_STATE" />  
    6. <uses-permission android:name="android.permission.READ_PHONE_STATE" />  
    分别为：通过麦克风录音、联网、获取网络信息状态、获取wifi状态、改变网络状态如是否能联网、访问电话状态
  • 在main.xml中添加一个EditText和一个Button，如下
    [html] view plaincopyprint?
    1. <?xml version="1.0" encoding="utf-8"?>  
    2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    3.     android:layout_width="fill_parent"  
    4.     android:layout_height="fill_parent"  
    5.     android:orientation="vertical" >  
    6.   
    7.     <EditText  
    8.         android:id="@+id/editText"  
    9.         android:layout_width="fill_parent"  
    10.         android:layout_height="300dp"  
    11.         android:gravity="top"  
    12.         android:inputType="textMultiLine" >  
    13.   
    14.         <requestFocus />  
    15.     </EditText>  
    16.   
    17.     <Button  
    18.         android:id="@+id/button_start"  
    19.         android:layout_width="wrap_content"  
    20.         android:layout_height="wrap_content"  
    21.         android:text="点击开始说话" />  
    22.   
    23. </LinearLayout>  
    Html代码  Android基于基于布局嵌套的页面导航实现
    1. <?xml version="1.0" encoding="utf-8"?>  
    2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    3.     android:layout_width="fill_parent"  
    4.     android:layout_height="fill_parent"  
    5.     android:orientation="vertical" >  
    6.   
    7.     <EditText  
    8.         android:id="@+id/editText"  
    9.         android:layout_width="fill_parent"  
    10.         android:layout_height="300dp"  
    11.         android:gravity="top"  
    12.         android:inputType="textMultiLine" >  
    13.   
    14.         <requestFocus />  
    15.     </EditText>  
    16.   
    17.     <Button  
    18.         android:id="@+id/button_start"  
    19.         android:layout_width="wrap_content"  
    20.         android:layout_height="wrap_content"  
    21.         android:text="点击开始说话" />  
    22.   
    23. </LinearLayout>  
  • 然后在MainActivity中编写代码实现了

 

（这里可以看到在线的文档：http://dev.voicecloud.cn/developer.php?category=YW5kcm9pZA%3D%3D&column=ZG9jdW1lbnQ%3D&type=d2lkZ2V0）

通过阅读讯飞给的文档，可以发现标准的识别控件是RecognizerDialog——是一个Dialog的子类，所以我们是可以在Activity中通过showDialog(int)方法来调用它的。

重写Activity的方法

[java] view plaincopyprint?
  1. @Override  
  2. protected Dialog onCreateDialog(int id) {}  
Java代码  Android基于基于布局嵌套的页面导航实现
  1. @Override  
  2. protected Dialog onCreateDialog(int id) {}  

在其中创建并设置好一个RecognizerDialog即可。

 

 

创建RecognizerDialog方法为

[java] view plaincopyprint?
  1. RecognizerDialog recognizerDialog = new RecognizerDialog(  
  2.         MainActivity.this, "appid=1234567");// 这里应该写从科大讯飞申请到的appid  
Java代码  Android基于基于布局嵌套的页面导航实现
  1. RecognizerDialog recognizerDialog = new RecognizerDialog(  
  2.         MainActivity.this, "appid=1234567");// 这里应该写从科大讯飞申请到的appid  

（其中appid应该写自己从讯飞申请到的appid，由于协议的问题，我不便把自己申请的id公开，所以这里用了1234567来代替。根据讯飞的说明，非法的appid是不能使用语音服务的，但是我用随机数字试验了一下，居然也是能用的，不知道是不是BUG。）

 

                          官方的文档：

        Android基于基于布局嵌套的页面导航实现

然后需要设置识别参数

[java] view plaincopyprint?
  1. recognizerDialog.setEngine("sms", null, null);  
Java代码  Android基于基于布局嵌套的页面导航实现
  1. recognizerDialog.setEngine("sms", null, null);  

第一个参数“sms”表示为请求的服务为“语音识别”。后两个参数暂时设为null就好。

 

             官方文档：

Android基于基于布局嵌套的页面导航实现

最后还需给recognizerDialog设置一个listener，回调接口用以获取结果，

recognizerDialog.setListener(RecognizerDialogListener listener)的参数为RecognizerDialogListener接口，实现此接口要重写两个方法：onResults(ArrayList results,boolean isLast)和onEnd(SpeechError error)。用以获取和处理结果。

我的实现为直接写了一个匿名类：

[java] view plaincopyprint?
  1. recognizerDialog.setListener(new RecognizerDialogListener() {  
  2.     @Override  
  3.     public void onResults(ArrayList<RecognizerResult> results,  
  4.             boolean arg1) {  
  5.         StringBuffer result = new StringBuffer();  
  6.         for (RecognizerResult r : results) {  
  7.             result.append(r.text);  
  8.         }  
  9.         editText.setText(result.toString());  
  10.     }  
  11.   
  12.     @Override  
  13.     public void onEnd(SpeechError arg0) {  
  14.   
  15.     }  
  16. });  
Java代码  Android基于基于布局嵌套的页面导航实现
  1. recognizerDialog.setListener(new RecognizerDialogListener() {  
  2.     @Override  
  3.     public void onResults(ArrayList<RecognizerResult> results,  
  4.             boolean arg1) {  
  5.         StringBuffer result = new StringBuffer();  
  6.         for (RecognizerResult r : results) {  
  7.             result.append(r.text);  
  8.         }  
  9.         editText.setText(result.toString());  
  10.     }  
  11.   
  12.     @Override  
  13.     public void onEnd(SpeechError arg0) {  
  14.   
  15.     }  
  16. });  

然后将此RecognizerDialog返回即可。

 

 

完整的MainActivity代码：

 

[java] view plaincopyprint?
  1. import com.iflytek.speech.RecognizerResult;  
  2. import com.iflytek.speech.SpeechError;  
  3. import com.iflytek.ui.RecognizerDialog;  
  4. import com.iflytek.ui.RecognizerDialogListener;  
  5.   
  6. public class MainActivity extends Activity {  
  7.   
  8.     EditText editText = null;  
  9.     Button startButton = null;  
  10.   
  11.     @Override  
  12.     public void onCreate(Bundle savedInstanceState) {  
  13.         super.onCreate(savedInstanceState);  
  14.         setContentView(R.layout.main);  
  15.         editText = (EditText) findViewById(R.id.editText);  
  16.         startButton = (Button) findViewById(R.id.button_start);  
  17.         startButton.setOnClickListener(new OnClickListener() {  
  18.             @Override  
  19.             public void onClick(View v) {  
  20.                 showDialog(1);  
  21.             }  
  22.         });  
  23.     }  
  24.   
  25.     @Override  
  26.     protected Dialog onCreateDialog(int id) {  
  27.         RecognizerDialog recognizerDialog = new RecognizerDialog(  
  28.                 MainActivity.this, "appid=1234567");// 这里应该写从科大讯飞申请到的appid  
  29.         recognizerDialog.setEngine("sms", null, null);  
  30.         recognizerDialog.setListener(new RecognizerDialogListener() {  
  31.             @Override  
  32.             public void onResults(ArrayList<RecognizerResult> results,  
  33.                     boolean arg1) {  
  34.                 StringBuffer result = new StringBuffer();  
  35.                 for (RecognizerResult r : results) {  
  36.                     result.append(r.text);  
  37.                 }  
  38.                 editText.setText(result.toString());  
  39.             }  
  40.   
  41.             @Override  
  42.             public void onEnd(SpeechError arg0) {  
  43.   
  44.             }  
  45.         });  
  46.         return recognizerDialog;  
  47.     }  
  48. }  
Java代码  Android基于基于布局嵌套的页面导航实现
  1. import com.iflytek.speech.RecognizerResult;  
  2. import com.iflytek.speech.SpeechError;  
  3. import com.iflytek.ui.RecognizerDialog;  
  4. import com.iflytek.ui.RecognizerDialogListener;  
  5.   
  6. public class MainActivity extends Activity {  
  7.   
  8.     EditText editText = null;  
  9.     Button startButton = null;  
  10.   
  11.     @Override  
  12.     public void onCreate(Bundle savedInstanceState) {  
  13.         super.onCreate(savedInstanceState);  
  14.         setContentView(R.layout.main);  
  15.         editText = (EditText) findViewById(R.id.editText);  
  16.         startButton = (Button) findViewById(R.id.button_start);  
  17.         startButton.setOnClickListener(new OnClickListener() {  
  18.             @Override  
  19.             public void onClick(View v) {  
  20.                 showDialog(1);  
  21.             }  
  22.         });  
  23.     }  
  24.   
  25.     @Override  
  26.     protected Dialog onCreateDialog(int id) {  
  27.         RecognizerDialog recognizerDialog = new RecognizerDialog(  
  28.                 MainActivity.this, "appid=1234567");// 这里应该写从科大讯飞申请到的appid  
  29.         recognizerDialog.setEngine("sms", null, null);  
  30.         recognizerDialog.setListener(new RecognizerDialogListener() {  
  31.             @Override  
  32.             public void onResults(ArrayList<RecognizerResult> results,  
  33.                     boolean arg1) {  
  34.                 StringBuffer result = new StringBuffer();  
  35.                 for (RecognizerResult r : results) {  
  36.                     result.append(r.text);  
  37.                 }  
  38.                 editText.setText(result.toString());  
  39.             }  
  40.   
  41.             @Override  
  42.             public void onEnd(SpeechError arg0) {  
  43.   
  44.             }  
  45.         });  
  46.         return recognizerDialog;  
  47.     }  
  48. }  


程序在真机运行截图，经过检验，科大讯飞的识别率还是很高的。   

 

demo下载地址：http://download.csdn.net/detail/barryhappy/4178459

Android基于基于布局嵌套的页面导航实现

上一篇：利用Asp.net MVC处理文件的上传下载


下一篇：CSS样式的面向对象思想（一）