网站广告推广公司,开发网站的工具有哪些,揭阳建设网站,wordpress婚礼模板下载前言 实践是最好的学习方式#xff0c;技术也如此。 文章目录 前言一、功能需求#xff08;一#xff09;1、功能需求描述2、知识点3、布局与程序设计 二、功能需求#xff08;二#xff09;1、功能需求描述2、知识点1#xff09;LinearLayout2#xff09;RelativeLayou…前言 实践是最好的学习方式技术也如此。 文章目录 前言一、功能需求一1、功能需求描述2、知识点3、布局与程序设计 二、功能需求二1、功能需求描述2、知识点1LinearLayout2RelativeLayout 三、功能需求三1、功能需求描述1滚动单个元素知识点 2滚动多个元素知识点 2、效果展示 四、更改启动器图标 一、功能需求一 1、功能需求描述
组成两个 Button 元素Button1 和 Button2 和一个 TextView功能用户点击 Button1屏幕显示一条消息a Toast点击 Button2 增加 TextView 中显示的 “计数器” 计数器从 0 开始 2、知识点 View 定义应用中的界面结构布局中的所有元素均使用 View 和 ViewGroup 对象的层次结构进行构建View 通常用于绘制用户可见的并与之交互的内容ViewGroup 是不可见的容器用于定义 View 和其它 ViewGroup 对象的布局结构 View 对象通常称为 微件可以是多个子类之一例如 Button 或TextView ViewGroup 对象通常称为 布局可以是提供不同布局结构之一例如 LinearLayout 或 ConstraintLayout 常用属性 match_parent 用于 layout_width 或 layout_height扩展 View 以按宽度或高度填充其父级。当 LinearLayout 是根 View 时它会扩展到屏幕的大小父 View Wrap_content指占满父容器此时要控件的宽或高等于父容器的宽或高 用于 layout_width 或 layout_height缩小尺寸使 View 足够大以包含其内容。如果没有内容 View 将变得不可见指控件的高或宽随内容的长度决定 具体展示参考链接链接 3、布局与程序设计 调色板窗格显示 组件树窗格显示 UI 元素的视图层次结构View 元素被组织成父级和子级的树形层次结构子级继承其父级的属性
创建布局
为 Button 添加 OnClick 属性和处理程序单击处理程序是当用户单击或点击可单击 UI 元素时调用的方法
public class MainActivity extends AppCompatActivity {private int mCount 0;private TextView mShowCount;Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main); // 指定一个视图Log.i(myapplication, 1521);}public void showToast(View view) {Toast toast Toast.makeText(this, R.string.toast_message, Toast.LENGTH_SHORT);toast.show();}public void countUp(View view) {mCount ;mShowCount (TextView) findViewById(R.id.show_count);if (mShowCount ! null) {mShowCount.setText(Integer.toString(mCount));}}
}
二、功能需求二 1、功能需求描述
为手机和平板电脑等较大显示器水平和垂直方向创建布局变体通常在另一个视图组中使用以水平或垂直排列 UI 元素。
2、知识点
1LinearLayout
LinearLayout是一个 ViewGroup将视图结合排列在水平或垂直行中以水平或垂直排列 UI 元素。修改属性修改视图控件位置 - 修改代码位置修改权重 android:layout_weight额外空间分配
?xml version1.0 encodingutf-8?
LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationverticaltools:context.MainActivityButtonandroid:idid/button_toastandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:backgroundTintandroid:color/holo_purpleandroid:textstring/button_label_toastandroid:textColorandroid:color/blackandroid:onClickshowToast /TextViewandroid:idid/show_countandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:layout_weight1android:background#FFFF00android:gravitycenterandroid:textstring/count_initial_valueandroid:textColorandroid:color/holo_purpleandroid:textSize160spandroid:textStylebold /Buttonandroid:idid/button_countandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:backgroundTintandroid:color/holo_purpleandroid:textstring/button_label_countandroid:textColorandroid:color/blackandroid:onClickcountUp //LinearLayout2RelativeLayout
视图分组其中每个视图相对于组内的其他视图进行定位和对齐用于构建布局相对于其他元素的位置android:layout_belowid/xxx相对于父视图的位置android:layout_centerHorizontaltrue
android:layout_below“id/show_count”相对于其他视图的位置
?xml version1.0 encodingutf-8?
RelativeLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationverticaltools:context.MainActivityButtonandroid:idid/button_toastandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:backgroundTintandroid:color/holo_purpleandroid:textstring/button_label_toastandroid:textColorandroid:color/blackandroid:onClickshowToast /TextViewandroid:idid/show_countandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:layout_weight1android:background#FFFF00android:gravitycenterandroid:textstring/count_initial_valueandroid:textColorandroid:color/holo_purpleandroid:textSize160spandroid:textStyleboldandroid:layout_belowid/button_toastandroid:layout_alignParentLefttrueandroid:layout_alignParentStarttrue/Buttonandroid:idid/button_countandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:backgroundTintandroid:color/holo_purpleandroid:textstring/button_label_countandroid:textColorandroid:color/blackandroid:onClickcountUpandroid:layout_belowid/show_countandroid:layout_centerHorizontaltrue//RelativeLayout三、功能需求三 1、功能需求描述
1滚动单个元素 显示文章标题TextView、副标题TextView、文章TextView 文本和滚动试图 文本信息超出了显示屏的显示范围创建滚动视图用户向上或向下滑动垂直滚动向左或向右滑动水平滚动
知识点
使用 ScrollView 滚动单个子 View 例如 TextView 。一个 ScrollView 只能容纳一个子 View 或 ViewGroup 。
ScrollView/ScrollView
RelativeLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:toolshttp://schemas.android.com/toolsandroid:layout_widthmatch_parentandroid:layout_heightmatch_parenttools:contextcom.example.android.scrollingtext.MainActivityTextViewandroid:idid/article_headingandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:backgroundcolor/colorPrimaryandroid:paddingdimen/padding_regularandroid:textstring/article_titleandroid:textAppearanceandroid:style/TextAppearance.DeviceDefault.Largeandroid:textColorandroid:color/whiteandroid:textStylebold /TextViewandroid:idid/article_subheadingandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:layout_belowid/article_headingandroid:paddingdimen/padding_regularandroid:textstring/article_subtitleandroid:textAppearanceandroid:style/TextAppearance.DeviceDefault /ScrollViewandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:layout_belowid/article_subheadingTextViewandroid:idid/articleandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:autoLinkwebandroid:lineSpacingExtradimen/line_spacingandroid:paddingdimen/padding_regularandroid:textstring/article_text //ScrollView/RelativeLayout2滚动多个元素
将文章副标题和文章一起滚动
知识点
使用 ViewGroup 例如 LinearLayout 作为 ScrollView 中的子 View 来滚动多个 View 元素。将元素括在 LinearLayout 内 ?xml version1.0 encodingutf-8?
RelativeLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:toolshttp://schemas.android.com/toolsandroid:layout_widthmatch_parentandroid:layout_heightmatch_parenttools:context.MainActivityTextViewandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:idid/article_headingandroid:backgroundcolor/head_backgroudandroid:textColorandroid:color/whiteandroid:paddingdimen/padding_regularandroid:textAppearanceandroid:style/TextAppearance.DeviceDefaultandroid:textStyleboldandroid:textstring/article_title/ScrollViewandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:layout_belowid/article_headingLinearLayoutandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:orientationverticalTextViewandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:idid/article_subheadingandroid:paddingdimen/padding_regularandroid:textAppearanceandroid:style/TextAppearance.DeviceDefaultandroid:textstring/article_subtitle/TextViewandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:idid/articleandroid:autoLinkwebandroid:paddingdimen/padding_regularandroid:textstring/article_textandroid:lineSpacingExtradimen/line_spacing//LinearLayout/ScrollView/RelativeLayout
2、效果展示 四、更改启动器图标
启动器图标应用程序图标或产品图标显示在设备的屏幕
