购买的网站怎么看网站空间大小,wordpress上传图片自动添加属性,佛山网站建设公司-印象互动,上海建筑设计公司招聘目录 任务目标任务分析任务实施 任务目标
使用TextView、Button、CheckBox等实现一个选择题界面#xff0c;界面如图1所示。
图1 选择题界面效果图
任务分析
上述界面可以分解为上下两部分#xff0c;上面部分可以使用横向的线性布局来完成#xff0c;下面部分可以使用… 目录 任务目标任务分析任务实施 任务目标
使用TextView、Button、CheckBox等实现一个选择题界面界面如图1所示。
图1 选择题界面效果图
任务分析
上述界面可以分解为上下两部分上面部分可以使用横向的线性布局来完成下面部分可以使用纵向的线性布局来完成如图2所示。
图2 选择题界面分解
任务实施
1.新建工程 新建工程一个名为Quiz的应用程序选择“Empty Views Activity”指定包名为cn.edu.jssvc.quiz。 2.定义字符串 打开res/values/string.xml定义本工程界面上需要用到的字符串如图3所示代码如下。
resourcesstring nameapp_nameQuiz/stringstring namequizType多选题/stringstring namestem你喜欢的课程有/stringstring nameoptionAAndroid/stringstring nameoptionBJava/stringstring nameoptionCC语言/stringstring nameoptionDPython/stringstring namenext下一题/string
/resources 图3 res/values/string.xml 3.设计界面 1使用线性布局设计界面打开activity_mail.xml切换为Code视图将Code中的约束布局ConstraintLayout改为线性布局LinearLayout添加线性布局的orientation属性将其值设为“vertical”并将其中的控件删除修改完成后如图4所示。
图4 修改布局方式 2切换回Design视图将Palette区的一个LinearLayout(horizontal)和一个LinearLayout(vertical)用鼠标拖到Component Tree区注意层次关系。将上述两个LinearLayout的android:layout_height属性值修改为wrap_content。
图5 添加线性布局 3将TextView、Button控件拖到LinearLayout(horizontal)将4个CheckBox拖到LinearLayout(vertical)中拖动的时候注意Component的层次结构完成后界面如图6所示。
图6 添加线性布局 4修改上述TextView、Button、CheckBox控件的text属性值将其指向string.xml中的值例如将TextView控件的值设为string/stem则该TextView即显示string.xml中stem的值即“你喜欢的课程有”如图7所示。
图7 设置text属性 5接下来美化界面调整各控件的textSize为20sp调整父线性布局的padding为10dpLinearLayout(vertical)的padding为5dp调整完后运行应用运行效果如图8所示。
图8 运行效果图
节选自《Android应用开发项目式教程》机械工业出版社
源代码请查看 source/v1.0/Project2Layout/Quiz Gitee
手把手视频请查看 Android选择题界面的设计——线性布局实操
