1.文本标签组件
文本标签正如我们看到的文章一样,由标题和正文组成
在左侧打开 res → values 找到 strings.xml,添加属性为“tittle”和“hello” 的元素项的文本内容。
图1
<resources>
<string name="app_name">chap01</string>
<string name="title">少年中国说(节选)\n 梁启超 〔近代〕</string>
<string name="hello">故今日之责任,不在他人,而全在我少年。少年智则国智,少年富则国富;少年强则国强,少年独立则国独立;
少年自由则国自由;少年进步则国进步;少年胜于欧洲,则国胜于欧洲;少年雄于地球,则国雄于地球。
红日初升,其道大光。河出伏流,一泻汪洋。潜龙腾渊,鳞爪飞扬。乳虎啸谷,百兽震惶。
鹰隼试翼,风尘翕张。奇花初胎,矞矞皇皇。干将发硎,有作其芒。天戴其苍,地履其黄。
纵有千古,横有八荒。前途似海,来日方长。美哉我少年中国,与天不老!壮哉我中国少年,与国无疆!</string>
</resources>
图2
这里的“title”和“hello”可以理解为一种“只属于两个人的暗号”,我们设计的页面和后端(如图2所示)就是靠这种对应的“暗号”来联系的。
新建布局文件布局文件 textview.xml,布局文件类型为 LinearLayout ;依次添加文本框放入title 和 可滚动视图Scrollview
图3
如图3所示,在新建的文件布局中,插入 textview 和 Scrollview 插件,然后根据对应的设置(两个text)再填写对应的 text 如图4,把两个text插件的text属性修改。
图4
图5
在左侧选中对应插件,然后再右侧可以调整其属性,例如在右侧搜索“size”可以调整文字大小
最后在 MainActivity 中修改文件名运行(在上个章节中有讲到)
2.制作登陆界面
用拖拽或 Ctrl + C 和 Ctrl + V 的方式(在上个章节中有讲到)将图像文件 login_man.jpg 复制到 drawable 目录下,设计布局结构 为线性布局,里面放置账号和密码的输入框,并添加文字提示,再添 加一个“登录”按钮。
打开 res → values 下的 strings.xml,添加 3 个元素
<string name="remember_name">请输入账号</string>
<string name="remember_password">请输入密码</string>
<string name="text_login">登录</string>
新建线性布局文件布局文件 textview.xml。根布局设置为垂 直,依次加入图片、文本编辑框和一个按钮。如图1所示
图1
修改布局配置,调整至任务要求的格式。(使用 gravity 和 margin 调整组价位置,如图2、3、4)
图2
图3
图4
最后在 MainActivity 中修改文件名运行(在上个章节中有讲到)
3.进度条 ProgressBar 应用示例
新建线性布局文件布局文件 progressbar.xml,依次加入四个 不同风格的 progressbar (在左侧搜索 progressbar ),第四个组件设置 max 指最大进度值(100) 和 progress 指第一进度值(50),如图1,调整三个“环状进度条”的大小,调整最后一个条形进度条的大小,并调整其进度如图2
图1
图2
最后在 MainActivity 中修改文件名运行(在上个章节中有讲到)
4.单选按钮与复选按钮
新建线性布局文件布局文件 radiocheckbox.xml。根布局设置为 垂直。界面设计中安排一个单选按钮组和 4 个复选框
单选按钮:① 插入文本框 text; ② 插入单选组件 RadioGroup, 并设置 RadioGroup 的 orientation 为水平;③ 插入三个 radiobutton; 修改对应文本内容。
复选按钮:① 插入文本框text; ② 插入三个复选组件checkbox;③ 修改对应文本内容。
如图1、2。
图1
图2
如图3,修改对应 text 的文字,最后在 MainActivity 中修改文件名运行(在上个章节中有讲到)