Android项目中怎么设计一个UI手机信息页面

  介绍

今天就跟大家聊聊有关Android项目中怎么设计一个UI手机信息页面,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

<强>,设计思路(实现原理),

1。将准备好的八个图标复制到res/可拉的文件夹下
2。创建一个垂直的线性布的局,并在线性布局中创建4个相对布局
3。在相对布局中添加相应的TextView
4。在价值观文件下的风格。xml文件中存放抽取出来的样式
5。创建values-zh-rCN, values-en-rUS文件夹,并在文件夹中创建字符串。xml文件夹

<强>案例实现

(1)创建“手机信息页面”程序

创建一个名为“手机信息页面”的程序,该程序用于展示手机设置页面的信息。程序界面对应布局文件activity_mian。xml如下所示:

& lt; LinearLayout  xmlns: android=癶ttp://schemas.android.com/apk/res/android"   ,xmlns:工具=癶ttp://schemas.android.com/tools"   ,android: layout_width=癿atch_parent"   ,android: layout_height=癿atch_parent"   ,android:背景=癅android:颜色/darker_gray"   ,android:取向=皏ertical"   ,工具:上下文=?MainActivity",比;   & lt; RelativeLayout 大敌;   android:才能layout_marginTop=?0 dp"比;   & lt; TextView才能   ,,   ,,android: layout_alignParentLeft=皌rue"   ,,android: layout_marginLeft=?0 dp"   ,,android: drawableTop=癅drawable/clound"   ,,android:文本=癅string/_cloud",/比;   & lt; TextView才能   ,,   ,,android: layout_alignParentRight=皌rue"   ,,android: layout_marginRight=?0 dp"   ,,android: drawableTop=癅drawable/bluetooth"   ,,android:文本=癅string/_bluetooth",/比;   ,& lt;/RelativeLayout>   & lt; RelativeLayout 大敌;   android:才能layout_marginTop=?0 dp"比;   & lt; TextView才能   ,,   ,,android: layout_alignParentLeft=皌rue"   ,,android: layout_marginLeft=?0 dp"   ,,android: drawableTop=癅drawable/gesture"   ,,android:文本=癅string/_gesture",/比;   & lt; TextView才能   ,,   ,,android: layout_alignParentRight=皌rue"   ,,android: layout_marginRight=?0 dp"   ,,android: drawableTop=癅drawable/gps"   ,,android:文本=癅string/_gps",/比;   ,& lt;/RelativeLayout>   & lt; RelativeLayout 大敌;   android:才能layout_marginTop=?0 dp"比;   & lt; TextView才能   ,,   ,,android: layout_alignParentLeft=皌rue"   ,,android: layout_marginLeft=?0 dp"   ,,android: drawableTop=癅drawable/info"   ,,android:文本=癅string/_system_info",/比;   & lt; TextView才能   ,,   ,,android: layout_alignParentRight=皌rue"   ,,android: layout_marginRight=?0 dp"   ,,android: drawableTop=癅drawable/internet"   ,,android:文本=癅string/_internet",/比;   ,& lt;/RelativeLayout>   & lt; RelativeLayout 大敌;   android:才能layout_marginTop=?0 dp"比;   & lt; TextView才能   ,,   ,,android: layout_alignParentLeft=皌rue"   ,,android: layout_marginLeft=?0 dp"   ,,android: drawableTop=癅drawable/language"   ,,android:文本=癅string/_language",/比;   & lt; TextView才能   ,,   ,,android: layout_alignParentRight=皌rue"   ,,android: layout_marginRight=?0 dp"   ,,android: drawableTop=癅drawable/notifycation"   ,,android:文本=癅string/_set_notifycation",/比;   ,& lt;/RelativeLayout>   ,& lt;/LinearLayout>

(2)抽取样式

由于编写布局文件时,相同控件之间的外边距和宽高都是固定的。因此会产生大量重复的布局代码,为了代码简洁和重复使用可以将相同代码抽取为样式单独放在一个风格。xml文件中。一般情况下在应用的vlaue文件夹下会自带一个styles.xml文件风格。xml文件如下所示:

& lt; resources>   ,& lt; style  name=癆ppBaseTheme",父母=癮ndroid: Theme.Light"比;   ,& lt;/style>   ,& lt; style  name=癆ppTheme",父母=癆ppBaseTheme"比;   ,& lt;/style>   ,& lt; !——,宽,匹配——parent 高,wrap_content——比;   ,& lt; style  name=癶_wrap_content"比;   & lt;才能item  name=癮ndroid: layout_width"祝辞match_parent   & lt;才能item  name=癮ndroid: layout_height"祝辞wrap_content   ,& lt;/style>   & lt;才能!——,宽高都,匹配——parent ——比;   ,& lt; style  name=皌v_style"比;   & lt;才能item  name=癮ndroid: layout_width"在145 dp   & lt;才能item  name=癮ndroid: layout_height"在90 dp

Android项目中怎么设计一个UI手机信息页面