Android快速入门-----用户界面(上)UI组件(2),最新Android开发面试解答

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“fill_parent”

android:layout_height=“fill_parent”

android:orientation=“vertical” >

<Button

android:id=“@+id/btn_main_test1”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:text=“测试常用简单订单Component” />

<Button

android:id=“@+id/btn_main_test2”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:text=“测试菜单Component” />

<Button

android:id=“@+id/btn_main_test3”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:text=“测试进度条Component” />

<Button

android:id=“@+id/btn_main_test4”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:text=“测试对话框Component” />

(3)创建其他的视图Activity

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

(4)在对应按钮上创建监听事件(打开另外一个界面)

在这里插入图片描述

(5)测试

在这里插入图片描述

在这里插入图片描述

二、UI开发


1、常用的UI组件 常用的简单的Component

在这里插入图片描述

(1)TextView

在这里插入图片描述

a、修改activity_simple_compon.xml

拖拽即可

在这里插入图片描述

编写页面

在这里插入图片描述

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“fill_parent”

android:layout_height=“fill_parent”

android:orientation=“vertical” >

<TextView

android:id=“@+id/tv_simple_message”

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:text=“这是TextView的内容”

android:background=“#999999”

android:textColor=“#ff0000”

android:textSize=“20sp”

/>

在这里插入图片描述

b、动态修改上面文本的开发,修改SimpleComponActivity

package com.itzheng.l03_compoment;

import org.w3c.dom.Text;

import android.app.Activity;

import android.os.Bundle;

import android.view.Menu;

import android.view.MenuItem;

import android.widget.TextView;

/*

  • 简单的component

*/

public class SimpleComponActivity extends Activity {

private TextView tv_simple_message;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_simple_compon);

//1、TextView

tv_simple_message = (TextView)findViewById(R.id.tv_simple_message);

tv_simple_message.setText(“哈哈哈哈哈哈哈”);

}

}

e、测试

在这里插入图片描述

在这里插入图片描述

(2)EditText:文本输入框

在这里插入图片描述

a、修改activity_simple_compon.xml

在这里插入图片描述

<EditText

android:id=“@+id/et_simple_number”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:hint=“请输入手机号!”

android:inputType=“phone”

/>

b、设置phone属性后只能输入数字

在这里插入图片描述

(3)Button:按钮

在这里插入图片描述

a、修改activity_simple_compon.xml

在这里插入图片描述

<Button

android:id=“@+id/btn_simple_submit”

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:text=“提交”

/>

b、实现功能,点击按钮将输入框当中的内容提交弹出,修改SimpleComponActivity

在这里插入图片描述

在这里插入图片描述

(4)ImageView

在这里插入图片描述

a、修改activity_simple_compon.xml

在这里插入图片描述

<ImageView

android:id=“@+id/iv_simple_play”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:background=“@android:drawable/alert_dark_frame”

android:src=“@android:drawable/ic_media_play”

/>

在这里插入图片描述

b、实现功能:点击图片变换图片:修改SimpleComponActivity

在这里插入图片描述

//4、ImageView

final ImageView imageView = (ImageView)findViewById(R.id.iv_simple_play);

imageView.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

//设置背景图片

imageView.setBackgroundResource(android.R.drawable.alert_light_frame);

//设置前景图片

imageView.setImageResource(android.R.drawable.ic_media_pause);

}

});

在这里插入图片描述

在这里插入图片描述

(5)CheckBox多选框

在这里插入图片描述

a、修改activity_simple_compon.xml

在这里插入图片描述

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content” >

<TextView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“爱好:” />

<CheckBox

android:id=“@+id/cd_simple_basket”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“篮球” />

<CheckBox

android:id=“@+id/cd_simple_foot”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“足球” />

<CheckBox

android:id=“@+id/cd_simple_pingpang”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“乒乓球” />

<Button

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“确定”

android:onClick=“confirm”

/>

b、实现勾选框,点击确定提示信息,修改SimpleComponActivity

在这里插入图片描述

在这里插入图片描述

全部代码

package com.itzheng.l03_compoment;

import org.w3c.dom.Text;

import android.app.Activity;

import android.os.Bundle;

import android.view.Menu;

import android.view.MenuItem;

import android.view.View;

import android.widget.Button;

import android.widget.CheckBox;

import android.widget.EditText;

import android.widget.ImageView;

import android.widget.TextView;

import android.widget.Toast;

/*

  • 简单的component

*/

public class SimpleComponActivity extends Activity {

private TextView tv_simple_message;

private EditText et_simple_number;

private Button btn_simple_submit;

private ImageView iv_simple_play;

private CheckBox cd_simple_basket;

private CheckBox cd_simple_foot;

private CheckBox cd_simple_pingpang;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_simple_compon);

// 1、TextView

tv_simple_message = (TextView) findViewById(R.id.tv_simple_message);

tv_simple_message.setText(“哈哈哈哈哈哈哈”);

// 2、EditText

et_simple_number = (EditText) findViewById(R.id.et_simple_number);

// button

btn_simple_submit = (Button) findViewById(R.id.btn_simple_submit);

btn_simple_submit.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

// 得到内容

String number = et_simple_number.getText().toString();

// 提示

Toast.makeText(SimpleComponActivity.this, number, 0).show();

}

});

// 4、ImageView

final ImageView imageView = (ImageView) findViewById(R.id.iv_simple_play);

imageView.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

// 设置背景图片

imageView

.setBackgroundResource(android.R.drawable.alert_light_frame);

// 设置前景图片

imageView.setImageResource(android.R.drawable.ic_media_pause);

}

});

//5、CheckBox

cd_simple_basket = (CheckBox)findViewById(R.id.cd_simple_basket);

cd_simple_foot = (CheckBox)findViewById(R.id.cd_simple_foot);

cd_simple_pingpang = (CheckBox)findViewById(R.id.cd_simple_pingpang);

}

public void confirm(View v) {

StringBuffer sb = new StringBuffer();

if(cd_simple_basket.isChecked()){

sb.append(cd_simple_basket.getText().toString()).append(" ");

}

if(cd_simple_foot.isChecked()){

sb.append(cd_simple_foot.getText().toString()).append(" ");

}

if(cd_simple_pingpang.isChecked()){

sb.append(cd_simple_pingpang.getText().toString());

}

// 提示

Toast.makeText(SimpleComponActivity.this, sb.toString(), 0).show();

}

}

在这里插入图片描述

e、实现勾选框提示信息,修改SimpleComponActivity

在这里插入图片描述

//给上面三个设置选中状态改变监听

cd_simple_pingpang.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

@Override

public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {

if(isChecked){

// 提示

Toast.makeText(SimpleComponActivity.this, cd_simple_pingpang.getText().toString(), 0).show();

}

}

});

cd_simple_foot.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

@Override

public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {

if(isChecked){

// 提示

Toast.makeText(SimpleComponActivity.this, cd_simple_foot.getText().toString(), 0).show();

}

}

});

cd_simple_basket.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

@Override

public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {

if(isChecked){

// 提示

Toast.makeText(SimpleComponActivity.this, cd_simple_basket.getText().toString(), 0).show();

}

}

});

(6)RadioGroup/RadioButtion:单选框

在这里插入图片描述

a、修改activity_simple_compon.xml

在这里插入图片描述

<RadioGroup

android:id=“@+id/rd_simple_sex”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:orientation=“horizontal”

<RadioButton

android:id=“@+id/rb_simple_male”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“男” />

<RadioButton

android:id=“@+id/rb_simple_female”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:checked=“true”

android:text=“女” />

<RadioButton

android:id=“@+id/rb_simple_nomale”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“东方不败” />

b、修改SimpleComponActivity

在这里插入图片描述

在这里插入图片描述

//6、RadioGroup/RadioNutton

rd_simple_sex = (RadioGroup)findViewById(R.id.rd_simple_sex);

rd_simple_sex.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {

@Override

public void onCheckedChanged(RadioGroup group, int checkedId) {//checkedId,选中的radioButton的id

// 找到选中的radioButton

RadioButton radioButton = (RadioButton)findViewById(checkedId);

//得到文本

String sex = radioButton.getText().toString();

//提示

Toast.makeText(SimpleComponActivity.this,sex, 0).show();

}

} );

c、测试

在这里插入图片描述

(7)菜单Component(Menu)

在这里插入图片描述

a、修改MainActivity

在这里插入图片描述

b、创建MenuActivity,修改activity_menu.xml

在这里插入图片描述

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“fill_parent”

android:layout_height=“fill_parent”

android:orientation=“vertical”

<Button

android:id=“@+id/btn_test_show_cm”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:text=“显示ContextMenu”

/>

<TextView

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:text=“1、点击menu显示选项菜单\n2.长按按钮显示上下文菜单”

android:textSize=“25dp”

/>

在这里插入图片描述

1)关于Menu的三个问题

在这里插入图片描述

2)OptionMenu

在这里插入图片描述

a、修改MenuActivity(实现OptionMenu)点击Menu键实现上述效果(menu.add())

在这里插入图片描述

b、测试

在这里插入图片描述

c、通过定义菜单文件的方式实现上述功能(创建菜单文件)

在res上创建XML文件

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

<?xml version="1.0" encoding="utf-8"?>

<item

android:id=“@+id/add”

android:title=“添加2”>

<item

android:id=“@+id/delete”

android:title=“删除2”>

d、修改MenuActivity

在这里插入图片描述

//用来显示optionmenu的方法:向menu当中添加Item

@Override

public boolean onCreateOptionsMenu(Menu menu) {

//加载菜单文件的方式

//1、得到菜单的加载器对象

MenuInflater menuInflater = getMenuInflater();

//2、加载菜单文件

menuInflater.inflate(R.menu.option_menu, menu);

return super.onCreateOptionsMenu(menu);

}

实现效果和上面相同

在这里插入图片描述

3)选择某个MenuItem时如何响应,修改MenuActivity

重写一个方法onOptionsItemSelected

在这里插入图片描述

@Override

public boolean onOptionsItemSelected(MenuItem item) {

switch (item.getItemId()) {

case R.id.add:

Toast.makeText(this, “添加”, 0).show();

break;

case R.id.delete:

Toast.makeText(this, “删除”, 0).show();

break;

default:

break;

}

return super.onOptionsItemSelected(item);

}

(8)ContextMenu:上下文菜单

在这里插入图片描述

ContextMenu

1)如何触发Menu的显示?长按某一个视图,修改MenuActivity

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

2)向Menu当中添加MenuItem,重写onCreateContextMenu(),menu.add()
3)选择某一个MenuItem时如何响应?重写onContextItemSelected(),根据itemId做响应(修改MenuActivity)

在这里插入图片描述

@Override

public boolean onContextItemSelected(MenuItem item) {

switch (item.getItemId()) {

case 1:

Toast.makeText(this, “添加”, 0).show();

break;

case 2:

Toast.makeText(this, “删除”, 0).show();

break;

default:

break;

}

return super.onContextItemSelected(item);

}

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

(9)进度条Component

在这里插入图片描述

1)Progressbar进度条

在这里插入图片描述

在这里插入图片描述

2)SeekBar:可以手动滑动的进度条

在这里插入图片描述

3)功能实现
a、修改MainActivity

在这里插入图片描述

b、创建ProgressActivity

在这里插入图片描述

c、修改activity_progress.xml

在这里插入图片描述

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“fill_parent”

android:layout_height=“fill_parent”

android:orientation=“vertical” >

<LinearLayout

android:id=“@+id/ll_progress_loading”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:gravity=“center”

<ProgressBar

android:layout_width=“wrap_content”

android:layout_height=“wrap_content” />

<TextView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“正在加载中…” />

<ProgressBar

android:id=“@+id/pb_progress_loading”

style=“?android:attr/progressBarStyleHorizontal”

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:progress=“30”

/>

<SeekBar

android:id=“@+id/sb_progress_loading”

android:layout_width=“match_parent”

android:layout_height=“wrap_content” />

<TextView

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:text=“1、滑动下面的滑杆后,上面的进度条会同步\n 2、滑动到最大值的时候,最上面的进度条会消失” />

效果

在这里插入图片描述

d、完成上述第一个功能ProgressActivity

在这里插入图片描述

package com.itzheng.l03_compoment;

import android.app.Activity;

import android.os.Bundle;

import android.util.Log;

import android.view.Menu;

import android.view.MenuItem;

import android.widget.LinearLayout;

import android.widget.ProgressBar;

import android.widget.SeekBar;

import android.widget.SeekBar.OnSeekBarChangeListener;

/*

  • 测试进度条

*/

public class ProgressActivity extends Activity {

private LinearLayout ll_progress_loading;

private ProgressBar pb_progress_loading;

private SeekBar sb_progress_loading;

private OnSeekBarChangeListener onSeekBarChangeListener = new OnSeekBarChangeListener() {

@Override

public void onStopTrackingTouch(SeekBar seekBar) {//离开滑杆

Log.e(“TAG”, “离开滑杆”);

//1. 得到seekBar的进度

int progress = sb_progress_loading.getProgress();

//2. 设置为ProgressBar的进度

pb_progress_loading.setProgress(progress);

}

@Override

public void onStartTrackingTouch(SeekBar seekBar) {//按下滑杆

Log.e(“TAG”, “按下滑杆”);

}

@Override

public void onProgressChanged(SeekBar seekBar, int progress,

boolean fromUser) {//滑杆移动

Log.e(“TAG”, “滑杆移动”);

}

};

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_progress);

ll_progress_loading = (LinearLayout) findViewById(R.id.ll_progress_loading);

pb_progress_loading = (ProgressBar) findViewById(R.id.pb_progress_loading);

sb_progress_loading = (SeekBar) findViewById(R.id.sb_progress_loading);

//给seekbar设置监听

sb_progress_loading.setOnSeekBarChangeListener(onSeekBarChangeListener );

}

}

在这里插入图片描述

e、完善上述第二个功能:修改ProgressActivity

在这里插入图片描述

//3、判断是否达到最大值

if(progress == sb_progress_loading.getMax()){

//如果达到了,设置ll_progress_loading消失

//ll_progress_loading.setVisibility(View.INVISIBLE);不可见但是占用空间

ll_progress_loading.setVisibility(View.GONE);//不可见不占用空间

}else{

//如果没有达到,设置ll_progress_loading显示

ll_progress_loading.setVisibility(View.VISIBLE);

}

在这里插入图片描述

(10)对话框Component

在这里插入图片描述

1)测试界面

在这里插入图片描述

2)代码实现(AlertDialog)

在这里插入图片描述

a、创建DialogActivity

在这里插入图片描述

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

最后

其实Android开发的知识点就那么多,面试问来问去还是那么点东西。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去面试时先看看自己复习到了哪个阶段就好。

虽然 Android 没有前几年火热了,已经过去了会四大组件就能找到高薪职位的时代了。这只能说明 Android 中级以下的岗位饱和了,现在高级工程师还是比较缺少的,很多高级职位给的薪资真的特别高(钱多也不一定能找到合适的),所以努力让自己成为高级工程师才是最重要的。

这里附上上述的面试题相关的几十套字节跳动,京东,小米,腾讯、头条、阿里、美团等公司21年的面试题。把技术点整理成了视频和PDF(实际上比预期多花了不少精力),包含知识脉络 + 诸多细节。

由于篇幅有限,这里以图片的形式给大家展示一小部分。

网上学习 Android的资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

ty

在这里插入图片描述

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

[外链图片转存中…(img-blOjwsyu-1712429130696)]

[外链图片转存中…(img-UpwNlDlI-1712429130696)]

[外链图片转存中…(img-jAYSOJ1r-1712429130697)]

[外链图片转存中…(img-djmOKEk6-1712429130697)]

[外链图片转存中…(img-I6eNUR5Q-1712429130697)]

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

最后

其实Android开发的知识点就那么多,面试问来问去还是那么点东西。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去面试时先看看自己复习到了哪个阶段就好。

虽然 Android 没有前几年火热了,已经过去了会四大组件就能找到高薪职位的时代了。这只能说明 Android 中级以下的岗位饱和了,现在高级工程师还是比较缺少的,很多高级职位给的薪资真的特别高(钱多也不一定能找到合适的),所以努力让自己成为高级工程师才是最重要的。

这里附上上述的面试题相关的几十套字节跳动,京东,小米,腾讯、头条、阿里、美团等公司21年的面试题。把技术点整理成了视频和PDF(实际上比预期多花了不少精力),包含知识脉络 + 诸多细节。

由于篇幅有限,这里以图片的形式给大家展示一小部分。

[外链图片转存中…(img-oiYl2elA-1712429130697)]

网上学习 Android的资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

  • 13
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值