本项目的app很简单,一共就两Activety,第一个负责让用户填写服务器IP地址,第二个就只有一个浏览器了,剩下的工作就是服务器端的开发了。
打开Android Studio,如果是新安装的,默认界面就是选择新建一个工程,就默认的好了,一路NEXT下去,新建一个工程挺费时的,估计得3分多钟,中间需要填参数的不用管,用默认的就是了,反正到了工程里面还可以修改。
下面就开始进行修改,定制出我们需要的UI和功能。
一、修改APP的标题
按默认的设置,第一个Activety的标题也是APP的程序名,按项目要求,我们把它改名为“会议系统”。
在IDE的左上角,第一个大框中,依次打开app->res->value,里面有个strings.xml,双击打开后,发现<string name="app_name">会议系统</string>这个项目,默认字段是什么俺也忘记了,反正把它改成“会议系统”就行了。
strings.xml其实是定义app中的字符串常量的,可根据需要自己添加或删除,我们项目中只需要app_name这个字段而已,其余的可以全部删除掉,不过建议先留着,最后再去删,反正留着也没占多少空间不是?如果现在删除,还要把默认程序中需要用到的这里字段的所有配置文件和代码全删除,否则会报错的。
二、修改app图标
默认图标也不算很难看,不过毕竟不适合自己项目嘛,先用PS画一个大于192×192的正方形图标,要用PNG格式,随便找个地方保存。
依次打开app->res->mipmap->ic_launcher.png,这里存放的就是app图标啦,在mipmap出用鼠标右键,弹出菜单中选中new->Image Asset,会弹出一个新窗口,在Image file那里浏览到制作好的PNG文件,其余选项不用修改,NEXT下去就可以了。
三、删除默认标题栏
老实说,默认那个标题栏真心难看,黑不溜秋的,而且不管是不是需要设置菜单,都给你弄一个菜单快捷方式那里,我嫌它烦,干脆删除掉它,我只需要在标题栏上显示一行字而已,没必要搞那么复杂。当然,如果有空,可以慢慢对标题栏进行样式修改,不过太费时,项目赶时间,删掉它,在标题栏那个地方就显示一行文字就搞定了。
在value文件中有个style.xml文件,双击打开,找到name为“AppTheme”的字段,默认就是第一个字段,把parent的值改为“Theme.AppCompat.Light.NoActionBar”,碍眼的标题栏就消失了,网上有很多教程说是改成NoTitleBar,估计是老版本的SDK,这个项目是一直默认NEXT下来的,用的是安卓4.0的SDK,标题栏名字改成了ActionBar,这点需要注意的。
四、把UI界面改成全屏(底部虚拟按钮栏保留)
这个操作有点复杂,既要改布局文件,还得添加代码。
先改布局文件,打开app->res->layout,里面只有一个Activety_main.xml文件,这个就是默认第一个Activety的布局文件啦,双击打开,这是一个可视化的布局设置,默认是Design状态,切换到Text状态,发现里面已经有不少没用的东西,Android Studio这个IDE有点傻傻的,那边已经把主题改成了Theme.AppCompat.Light.NoActionBar,但布局文件里面不会把相关的东西删除掉的,先把这个xml文件里面所有东西全删除掉,这样我们就得到一个空的布局文件,把文件内容改成如下:
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
tools:context=".MainActivity">
</RelativeLayout>
讲解一下,这其实就是一个简单的RelativeLayout 布局,字面解释就是相对布局,我也是第一次玩安卓编程,具体参数是干什么的,请自行度娘,重点是要把其它多余的项目删除掉,把width和height改成fill_parent,意思就是充满界面,其它的会留有边框的,嫌难看,就该成这个了,切换回Design就可以看到效果了。
接下来添加代码把界面改成全屏(底部虚拟按钮栏保留)
打开app->java,里面有两个同名的文件加,不过一个多了个androidTest,打开第一个,就是没有androidTest那个,再打开util文件夹,如果是一路默认过来,那里面应该只有一个叫MainActivety文件,这个文件就是需要些代码的文件啦,基本所有JAVA代码都要在这里写。先再吐槽一下Android Studio,已经修改过主题了,但这里还是傻乎乎保留了不少没用的东东,在public class MainActivity extends ActionBarActivity这个类里面,把除protected void onCreate(Bundle savedInstanceState)这个函数外其余函数全删了,看着心烦,其余函数都是创建标题栏和菜单的,保留着也没影响,我嫌烦就全删了,因为我不需要这些功能。
在onCreate里面已经默认有两行代码了,在setContentView(R.layout.activity_main);前添加如下两行代码
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
这样就可以全屏了,当然底部虚拟按钮栏保留。
界面其他元素下一篇再讲,先看看效果。
要看效果,得先讲讲Android Studio连接平板的操作,由于项目的目标是华为的荣耀X1,不考虑其他平板或手机兼容,只要保证在目标平板上运行就可以了。
打开华为荣耀×1,进入设置->全部设置->关于手机,进去连点7下版本号,返回,这样就能显示出开发者选项,吧USB调试打开。
用数据线把荣耀×1和电脑连起来,如果计算机装有腾讯管家这类软件,恭喜,可以去泡杯咖啡什么的,等着系统自动装驱动,管家接管弹一大堆乌七八糟的窗口出来,过程约需2分多钟,把乌七八糟窗口关闭完,在Android Studio的工具栏上找到那个三角形很像播放按钮的那个按钮,执行一下项目,如果没连上平板,会让你设置虚拟器,Android Studio的虚拟器运行起来非常非常慢,而且还忒耗资源,个人感觉还是接上个平板玩真机调试比较爽。执行项目后慢慢等着,等着IDE连上平板,选择华为荣耀×1就可以了,如果没出错,在平板上会弹个窗口出来,提示你连接计算机调试,选择一直用这台计算机后确定,不选择的话,每次都得来一次。Android Studio会自动在平板上安装项目app了,这样就可以看到一个白板应用的app,因为项目什么控件都添加,所以只有一个白板,退出app,看到已经安装好的app,检查一下app的名称和图标,是不是上文讲到的名称和图标?没错的话,第一个Activety就算成功了,下一篇再讲往Activety添加个标题和输入框。