Android快速入门-----用户界面（上）UI组件(2)

最新推荐文章于 2024-09-14 15:55:09 发布
最新推荐文章于 2024-09-14 15:55:09 发布
阅读量961 收藏 10
点赞数 7
分类专栏： 程序员 文章标签： android ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_82257730/article/details/137589044
版权

<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）

《设计思想解读开源框架》

第一章、 热修复设计

  • 第一节、 AOT/JIT & dexopt 与 dex2oat

  • 第二节、 热修复设计之 CLASS_ISPREVERIFIED 问题

  • 第三节、热修复设计之热修复原理

  • 第四节、Tinker 的集成与使用（自动补丁包生成）

    第二章、 插件化框架设计

  • 第一节、 Class 文件与 Dex 文件的结构解读

  • 第二节、 Android 资源加载机制详解

  • 第三节、 四大组件调用原理

  • 第四节、 so 文件加载机制

  • 第五节、 Android 系统服务实现原理

    第三章、 组件化框架设计

  • 第一节、阿里巴巴开源路由框——ARouter 原理分析

  • 第二节、APT 编译时期自动生成代码&动态类加载

  • 第三节、 Java SPI 机制

  • 第四节、 AOP&IOC

  • 第五节、 手写组件化架构

    第四章、图片加载框架

  • 第一节、图片加载框架选型

  • 第二节、Glide 原理分析

  • 第三节、手写图片加载框架实战

    第五章、网络访问框架设计

  • 第一节、网络通信必备基础

  • 第二节、OkHttp 源码解读

  • 第三节、Retrofit 源码解析

    第六章、 RXJava 响应式编程框架设计

  • 第一节、链式调用

  • 第二节、 扩展的观察者模式

  • 第三节、事件变换设计

  • 第四节、Scheduler 线程控制

    第七章、 IOC 架构设计

  • 第一节、 依赖注入与控制反转

  • 第二节、ButterKnife 原理上篇、中篇、下篇

  • 第三节、Dagger 架构设计核心解密

    第八章、 Android 架构组件 Jetpack

  • 第一节、 LiveData 原理

  • 第二节、 Navigation 如何解决 tabLayout 问题

  • 第三节、 ViewModel 如何感知 View 生命周期及内核原理

  • 第四节、 Room 架构方式方法

  • 第五节、 dataBinding 为什么能够支持 MVVM

  • 第六节、 WorkManager 内核揭秘

  • 第七节、 Lifecycles 生命周期


    本文包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…

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

ED 问题**

  • 第三节、热修复设计之热修复原理

  • 第四节、Tinker 的集成与使用（自动补丁包生成）

    [外链图片转存中…(img-cksfDMuu-1712718702629)]

    第二章、 插件化框架设计

  • 第一节、 Class 文件与 Dex 文件的结构解读

  • 第二节、 Android 资源加载机制详解

  • 第三节、 四大组件调用原理

  • 第四节、 so 文件加载机制

  • 第五节、 Android 系统服务实现原理

    [外链图片转存中…(img-wwHb4aZl-1712718702629)]

    第三章、 组件化框架设计

  • 第一节、阿里巴巴开源路由框——ARouter 原理分析

  • 第二节、APT 编译时期自动生成代码&动态类加载

  • 第三节、 Java SPI 机制

  • 第四节、 AOP&IOC

  • 第五节、 手写组件化架构

    [外链图片转存中…(img-oVp0uBOv-1712718702629)]

    第四章、图片加载框架

  • 第一节、图片加载框架选型

  • 第二节、Glide 原理分析

  • 第三节、手写图片加载框架实战

    [外链图片转存中…(img-QFRcI57P-1712718702630)]

    第五章、网络访问框架设计

  • 第一节、网络通信必备基础

  • 第二节、OkHttp 源码解读

  • 第三节、Retrofit 源码解析

    [外链图片转存中…(img-GR7dxoFb-1712718702630)]

    第六章、 RXJava 响应式编程框架设计

  • 第一节、链式调用

  • 第二节、 扩展的观察者模式

  • 第三节、事件变换设计

  • 第四节、Scheduler 线程控制

    [外链图片转存中…(img-9FxUGIgn-1712718702630)]

    第七章、 IOC 架构设计

  • 第一节、 依赖注入与控制反转

  • 第二节、ButterKnife 原理上篇、中篇、下篇

  • 第三节、Dagger 架构设计核心解密

    [外链图片转存中…(img-S2lyOIEW-1712718702630)]

    第八章、 Android 架构组件 Jetpack

  • 第一节、 LiveData 原理

  • 第二节、 Navigation 如何解决 tabLayout 问题

  • 第三节、 ViewModel 如何感知 View 生命周期及内核原理

  • 第四节、 Room 架构方式方法

  • 第五节、 dataBinding 为什么能够支持 MVVM

  • 第六节、 WorkManager 内核揭秘

  • 第七节、 Lifecycles 生命周期

    [外链图片转存中…(img-UKMv4t24-1712718702630)]
    本文包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…
    [外链图片转存中…(img-bpwVzdCd-1712718702631)]

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

2301_82257730
关注
专栏目录
android-ui入门之View组件
蛐蛐的博客
06-11 518
View类代表用户界面组件的基本构建块。在屏幕上占据一个矩形区域，负责绘图和事件处理。View 是小部件的基类，用于创建交互式 UI 组件（按钮、文本字段等）。ViewGroup是layouts的基类，是包含其他 View（或ViewGroup）定义布局属性的不可见容器。要实现自定义视图，通常会首先为框架在所有视图上调用的一些标准方法提供覆盖。不需要覆盖所有这些方法。实际上，可以从覆盖onDraw(android.graphics.Canvas)开始类别方法描述创建构造函数。
Android快速入门-----用户界面（上）UI组件
程序员猫爪
01-09 960
一、理论概述 1、理解UI （1）UI的定义 全称user interface,意为:用户界面。 UI由view和ViewGroup组成 View类是所有视图(包括ViewGroup)的根基类 View在屏幕上占据一片矩形区域,并会在上面进行内容绘制. ViewGroup包含一些View或ViewGroup,用于控制子View的布局 （2）View的API结构（常用的一般视图） （3）View的API结构（常用的布局） （4）UI的组成 2、UI事件 （1）UI事件的概念 （2）使用UI事件 3
Android快速入门-----用户界面（上）UI组件(1)
2301_76352508的博客
04-08 984
在res上创建XML文件
Android从入门到精通——学习笔记：Chapter05-高级UI组件
qq_52252613的博客
04-28 953
Android高级UI组件
Unit 2 uni-app入门
北斗星的杂志
09-11 2760
移动端应用开发课程 2023-2024-1 讲义 Unit2
Android从入门到精通——学习笔记：Chapter02-用户界面设计基础
qq_52252613的博客
04-25 889
用户界面设计（UI Design）基础
【uni-app教程】uni-app入门教程
我有满天星辰的博客
02-28 1443
官方网页uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。即使不跨端，uni-app同时也是更好的小程序开发框架。具有vue和微信小程序的开发经验，可快速上手uni-app为什么要去学习uni-app？
uni-app入门
xdkSilence的博客
02-29 1173
大前端时代背景下，前端开发人员掌握单一的 Web 端开发能力已经远远不够了，微信小程序、安卓 APP、IOS APP，甚至是 Windows 桌面端，还有最近出的鸿蒙系统开发，都成了我们成长需要掌握的技能。所以，市面上各种「跨平台」开发解决方案层出不穷，比较有代表性的就是： UniAPP 、 Flutter、 React Native、Taro、Weex 等等。uni-app 是基于「 Vue + 微信小程序 」语言体系，开发人员学习成本低上手快，同时随着如今 UniAPP 生态也逐步趋于成熟。
Android 车载应用开发指南（3）- SystemUI 详解
话唠扇贝的博客
02-07 2666
SystemUI 全称 System User Interface，直译过来就是“系统级用户交互界面”，在 Android 系统中由 SystemUI 负责统一管理整个系统层的 UI，它是一个系统级应用程序（APK），源码在`/frameworks/base/packages/`目录下。
android-studio-2021.1.1.21-windows
02-18
3. **直观的用户界面设计**：拖放式的布局编辑器允许开发者快速创建和预览用户界面，同时支持Material Design组件库，让应用设计更具现代感。 4. **强大的调试工具**：内置的调试器可以对应用进行多设备调试，包括...
uni-app+color-ui+uview-ui 搭建的H5端初始demo
04-09
2. **color-ui**：Color UI 是一套为 uni-app 设计的轻量级、简洁易用的组件库，主要用于快速构建移动应用的UI界面。它包含了大量的预设样式和组件，如导航栏、按钮、表格、弹窗等，使得开发者能快速搭建出美观的...
Android Studio项目源码---6个项目
05-14
对于初学者来说，理解Android Studio的界面布局、项目结构和基本设置是至关重要的第一步。 2. **项目源码**：每个项目都包含完整的源代码，这是学习Android编程的关键。通过阅读和分析这些源码，初学者可以了解到...
实验1--Android基础入门与Android-UI开发应用(1).doc
03-10
通过这两个实验，学生不仅学习了Android基本的UI组件，还了解了如何通过布局管理器组织界面元素，以及如何优化代码结构和实现多语言支持。此外，还掌握了利用Toast进行用户反馈的基本技巧。这些都是Android开发中不...
droiddraw-r1b14.rar_android_android软件_droiddraw_droiddraw-r1b18.
09-20
DroidDraw是一款基于Java的图形用户界面（GUI）构建器，它的主要功能是帮助开发者快速创建XML布局文件，这是Android应用界面的基础。使用DroidDraw，开发者无需手动编写复杂的XML代码，只需通过拖放组件、调整属性的...
Android - NDK:在Jni中打印Log信息
dami_lixm的专栏
09-10 403
在Jni中打印Log信息 1、在配置CMakeLists.txt find_library( # Sets the name of the path variable. log-lib # Specifies the name of the NDK library that # you want CMake to locate. log) # Specifies libraries CMake should link to your targ
【Android】【Bug】使用OSmdroid绘制轨迹断裂问题
最新发布
每天不是在写bug就是在写bug的路上
09-14 547
使用OSmdroid绘制轨迹断裂问题
Apple M3编译OpenSSL安卓平台SO库
09-13 207
添加ANDROID_NDK_ROOT环境变量，iosdev改为你自己的用户名。头文件安装位置：/usr/local/include/openssl。2.配置NDK环境变量：vim ~/.zprofile。5.安装： sudo make install。添加NDK下可执行文件路径到PATH环境变量。库文件安装位置：/usr/local/lib。进入openssl源码目录，执行下面指令。4.编译：输入make后回车。验证文件是否为arm平台的。
Android - NDK: 在jni层生成java层对象，并调用java层的方法
dami_lixm的专栏
09-10 601
在Jni中生成java层的对象，并给对象的属性赋值，调用对象的方法，在jni中返回java方法的返回值。
Cocos2d-x入门：跨平台2D游戏引擎教程
此外，Cocos2d-x还包含一套完整的UI组件，如按钮、标签和滑块，方便构建游戏界面。它还集成了物理引擎Box2D，可以轻松实现物理效果，如碰撞检测和重力模拟。 Cocos2d-x是一个功能全面、易于学习的2D游戏开发框架。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值