android自定义如何解说,实例讲解Android应用中自定义组合控件的方法

最新推荐文章于 2024-06-03 18:31:31 发布
最新推荐文章于 2024-06-03 18:31:31 发布
阅读量118 收藏
点赞数
文章标签： android自定义如何解说
本文介绍了如何在Android中实现自定义View，通过组合已有的View（如Button和ImageView）创建一个自定义的ImageButton。作者详细解释了如何使用FrameLayout将这两个组件包裹，并在 attrs.xml 中定义属性，然后在Java代码中读取这些属性并设置图片资源。此外，还提供了一个组合多个TextView和View的例子，展示了如何创建一个可定制的页面指示条。
摘要由CSDN通过智能技术生成

自定义view大概可以分成：

继承view

组合view

自己画的view(用paint和canvas)

自定义viewgroup(widget)

最近又跟同学聊起来了，于是就准备自己实现一个imagebutton来练练手。(最简单的了)以及后面一个把imageview与textview结合使用的案例。

ImageButton要实现ImageButton最容易想到的不就是把button和imageview合在一起么。嗯，人容易就想到这是一个组合自定义view。可是如何把一个image放到button上呢，自然就是用一个FrameLayout把button和imageview包裹起来，然后将这个layout当作一个weidgt。把一个layout当成一个控件我开始不太理解。后来了解到一些东西。

补充知识点(安卓的顶层视图)在android里面，你的app界面的活动的视图并非是最顶级的视图。大家应该都知道viewtree。在安卓里面，最顶级的视图是一个叫DecorView的东西。它包括你的状态栏，标题栏，以及你的活动界面。而且这个活动界面，安卓会自动帮你提前弄进去一个FrameLayout。可以这么理解吧，在安卓这个上帝的面前，你的activity就是放在他的framelayout的一个个view。上一张图～

d409d4498be9877d557c746cbc507ee4.png

DecorView->LinearLayout(状态栏和activity)->FrameLayout(activity)->你自己的acitivty视图。

实例讲解好啦，回归正题。我上代码了。

myimagebutton_layout.xml

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent">

android:layout_width="match_parent"

android:layout_height="match_parent"

android:id="@+id/button_imagebutton" />

android:layout_width="match_parent"

android:layout_height="match_parent"

android:id="@+id/imageview_button" />

用一个framelayout把两个控件装起来，然后组合。组合了之后我们就去自定义我们这个控件的属性。button不用变对吧，用原生的就好了，就是需要有一个图片的src这个属性就好了。

在values目录下的attrs.xml文件_

在

一般来说，declare-styleable标签的名字都是你的自定义控件的名字。attr就是你的自定义控件属性。format是这个属性的值的数据类型。这里的reference表示引用。dimension表示的是dp或者sp的大小。还有一些可以自己去看看。定义好属性，我们就开始写控件了。

MyImageButton.java

public class MyImageButton2 extends FrameLayout{

ImageView mImageView;

Button mButton;

int resId;

public MyImageButton2(Context context) {

super(context);

}

public MyImageButton2(Context context, AttributeSet attrs) {

super(context, attrs);

//导入布局

LayoutInflater.from(context).inflate(R.layout.myimagebutton_layout, this);

mImageView＝(ImageView)findViewById(R.id.imageview_button);

mButton = (Button) findViewById(R.id.button_imagebutton);

//获得这个控件对应的属性。

TypedArray a = getContext().obtainStyledAttributes(attrs, R.styleable.MyImageButton);

try{

//获得属性值

resId = a.getResourceId(R.styleable.MyImageButton_Imagesrc, 0);

}finally {

//回收这个对象

a.recycle();

}

if(resId != 0){

mImageView.setImageResource(resId);

}

}

public void setImage(int resId){

mImageView.setImageResource(resId);

}

}

一般来说，继承view(就这么说吧，反正都是都是继承view的)，实现两三个构造函数就可以了。在第二个里面有一个attr，这就是传进来的属性。如果resId不为默认值，就表示用户在xml里面传入了这个属性值，你也必须要写一个set方法，让用户可以在java代码中去改变属性值。

test.myimagebutton.layout.xml_

android:orientation="vertical"

android:layout_width="match_parent"

android:layout_height="match_parent">

xmlns:pt = "http://schemas.android.com/apk/res/com.example.think.testview"

android:layout_height="100dp"

android:layout_width="match_parent"

pt:Imagesrc = "@drawable/ic_launcher"

/>

效果图

2f93cc77d998a5291b6598866c37c28a.png

另一个实例

这里我们来看一个view组合控件的例子：

2beeb2a3d7e6a56ecbad31feceada68a.png

测试1

测试2

测试3

测试4

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@color/gray_common_background"

android:orientation="vertical">

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="horizontal">

android:id="@+id/txt_viewpage_bar1"

style="@style/style_common_pagebar"

android:textColor="@color/theme_red" />

android:id="@+id/txt_viewpage_bar2"

style="@style/style_common_pagebar" />

android:id="@+id/txt_viewpage_bar3"

style="@style/style_common_pagebar" />

android:id="@+id/txt_viewpage_bar4"

style="@style/style_common_pagebar" />

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="horizontal">

android:id="@+id/view_viewpage_bar1"

style="@style/style_common_pagebar_view" />

android:id="@+id/view_viewpage_bar2"

style="@style/style_common_pagebar_view" />

android:id="@+id/view_viewpage_bar3"

style="@style/style_common_pagebar_view" />

android:id="@+id/view_viewpage_bar4"

style="@style/style_common_pagebar_view" />

android:id="@+id/common_viewpage_buttom"

android:layout_width="match_parent"

android:layout_height="0dp"

android:layout_weight="1" />

public interface SlbPageViewOnPageChangeListener {

void onPageSelected(int position);

void onPageScrollStateChanged(int state);

}

public class SlbPageViewBar extends LinearLayout {

private TextView[] mTotalTxtViews;

private View[] mTotalViews;

private List mTxtViews;

private List mViews;

private ViewPager mViewPager;

private SlbPageViewOnPageChangeListener mSlbPageViewOnPageChangeListener;

public SlbPageViewBar(Context context, AttributeSet attrs) {

super(context, attrs);

mTotalTxtViews = new TextView[4];

mTotalViews = new View[4];

mTxtViews = new ArrayList<>();

mViews = new ArrayList<>();

initView();

}

private void initView() {

View.inflate(getContext(), R.layout.layout_common_top_pageview_bar, this);

mViewPager = (ViewPager) findViewById(R.id.common_viewpage_buttom);

mTotalTxtViews[0] = (TextView) findViewById(R.id.txt_viewpage_bar1);

mTotalTxtViews[1] = (TextView) findViewById(R.id.txt_viewpage_bar2);

mTotalTxtViews[2] = (TextView) findViewById(R.id.txt_viewpage_bar3);

mTotalTxtViews[3] = (TextView) findViewById(R.id.txt_viewpage_bar4);

mTotalViews[0] = findViewById(R.id.view_viewpage_bar1);

mTotalViews[1] = findViewById(R.id.view_viewpage_bar2);

mTotalViews[2] = findViewById(R.id.view_viewpage_bar3);

mTotalViews[3] = findViewById(R.id.view_viewpage_bar4);

}

/**

* @param title 标题名称数组

*/

public void setTitleView(String[] title) {

int legth = title.length > 4 ? 4 : title.length;

for (int i = 0; i < legth; i++) {

mTotalTxtViews[i].setText(title[i]);

mTotalTxtViews[i].setVisibility(View.VISIBLE);

mTotalViews[i].setVisibility(View.INVISIBLE);

mTotalTxtViews[i].setOnClickListener(new SlbTextViewOnLister(i));

mTxtViews.add(mTotalTxtViews[i]);

mViews.add(mTotalViews[i]);

}

mTotalViews[0].setVisibility(View.VISIBLE);

mViewPager.setOnPageChangeListener(mOnButtomPageChangeListener);

}

public ViewPager getViewPager(){

return mViewPager;

}

public void setSlbPageViewOnPageChangeListener(SlbPageViewOnPageChangeListener slbPageViewOnPageChangeListener) {

this.mSlbPageViewOnPageChangeListener = slbPageViewOnPageChangeListener;

}

private void changeViewBg(int textViewId, int viewId) {

for (View view : mViews) {

if (viewId == view.getId()) {

view.setVisibility(View.VISIBLE);

} else {

view.setVisibility(View.INVISIBLE);

}

}

for (TextView view : mTxtViews) {

if (textViewId == view.getId()) {

view.setTextColor(getResources().getColor(R.color.theme_red));

} else {

view.setTextColor(getResources().getColor(R.color.black_normal_text_33333));

}

}

}

class SlbTextViewOnLister implements OnClickListener {

private int mItem;

public SlbTextViewOnLister(int item) {

this.mItem = item;

}

@Override

public void onClick(View v) {

mViewPager.setCurrentItem(mItem);

}

}

private ViewPager.OnPageChangeListener mOnButtomPageChangeListener = new ViewPager.OnPageChangeListener() {

@Override

public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

}

@Override

public void onPageSelected(int position) {

switch (position) {

case 0:

changeViewBg(R.id.txt_viewpage_bar1, R.id.view_viewpage_bar1);

break;

case 1:

changeViewBg(R.id.txt_viewpage_bar2, R.id.view_viewpage_bar2);

break;

case 2:

changeViewBg(R.id.txt_viewpage_bar3, R.id.view_viewpage_bar3);

break;

case 3:

changeViewBg(R.id.txt_viewpage_bar4, R.id.view_viewpage_bar4);

break;

}

if (mSlbPageViewOnPageChangeListener != null)

mSlbPageViewOnPageChangeListener.onPageSelected(position);

}

@Override

public void onPageScrollStateChanged(int state) {

if (mSlbPageViewOnPageChangeListener != null)

mSlbPageViewOnPageChangeListener.onPageScrollStateChanged(state);

}

};

}

public class CommonViewpageAdapter extends FragmentPagerAdapter {

private List mFragments;

private String [] mTitles;

public CommonViewpageAdapter(FragmentManager fm, List fragments, String [] titles) {

super(fm);

mFragments = fragments;

mTitles = titles;

}

@Override

public Fragment getItem(int position) {

return mFragments.get(position);

}

@Override

public int getCount() {

return mFragments.size();

}

@Override

public CharSequence getPageTitle(int position) {

return mTitles[position];

}

@Override

public void destroyItem(ViewGroup container, int position, Object object) {

super.destroyItem(container, position, object);

}

}

android:id="@+id/slbpv_buy_huoqibao_SlbPageViewBarshow"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="vertical"/>

private void initButtomPageFragment(SlbPageViewBar slbPageViewBar) {

List fragmentList = new ArrayList<>();

Test1Fragment test1Fragment = new Test1Fragment();

Test2Fragment test2Fragment = new Test2Fragment();

Test3Fragment test3Fragment = new Test3Fragment();

Test4Fragment test4Fragment = new Test4Fragment();

fragmentList.add(test1Fragment);

fragmentList.add(test2Fragment);

fragmentList.add(test3Fragment);

fragmentList.add(test4Fragment);

String[] titles = getResources().getStringArray(R.array.buy_huoqi_bao_zanquan_detail);

slbPageViewBar.setTitleView(titles);

CommonViewpageAdapter viewPagerAdapter = new CommonViewpageAdapter(

getSupportFragmentManager(), fragmentList, titles);

mButtomPageView.setAdapter(viewPagerAdapter);

mButtomPageView.setOffscreenPageLimit(3);

mButtomPageView.setCurrentItem(0);

}

两只妖精同上树
关注
Android 项目总结（View控件之StateLayout自定义组合控件）
轻描时光
01-06 338
Android 项目总结（View控件之StateLayout自定义组合控件
Android Studio调用布局文件中控件的两种方法
weixin_45735044的博客
12-12 4011
1. 方法一: findViewById 2. 方法二： viewBinding 使用方法二时，需要在app的build.gradle中android {…}属性中添加 viewBinding {enabled = true} 与使用findViewById相比，视图绑定优点：      1.null安全性：由于视图绑定会创建对视图的直接引用，因此不会因无效的视图ID而导致null指针异常的风险。 此外，当视图仅在布局的某些配置中存在时，在绑定类中包含其引用的字段
android framlayout 布局控件使用
炉子热
08-11 1160
现在又是12点了。今日比较有意义的事情就是使用到了framelayout。还是之前一样，不唠叨！记录每一点收获。 一、动机： 我想在ImageView 上面放置textview 控件，来显示文字，这样我就不需要去画背景了。像是在偷懒。 二、办法：从度娘那里获得一个android 控件    《Framelayout》。        使用Framelayout 的原因是：可以将控件层叠起来。...
android自定义方法,Android自定义Style实现方法
weixin_36282234的博客
05-25 668
styles.xml如下:[html]30px#1110CC150dip150dipmain.xml如下:[html]xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActi...
移动应用程序设计基础——点菜单列表实现2.0（实现短信接受以及服务与广播的使用）
加载中.......
01-17 2474
1.接收短信、开启和停止服务的界面布局。 2.实现短信接收服务； 3.接收广播信息。 具体功能为： 1、 实现短信金额通知功能。在订餐程序，取消自动登录功能，并在注册界面增加开启和停止短信通知服务按钮，开启短信按钮点击提交后显示短信服务启动成功对话框，短信通知服务开启后，用户点菜后，将“您点的菜品总价值***元”发到注册手机上。停止短信按钮点击提交后现实短信服务停止对话框； 2、 实现用户点餐广播功能。用户点菜后，所点菜品及用户名以广播方式通知，广播接收到后，打开一个新的页面，以列表的方式追加一条记录，显示
Android自定义控件
RandowWrite
06-03 1019
invalidate方法用于在UI线程中请求重绘视图。当我们希望在主线程中更新UI时，可以在UI线程中直接调用invalidate()方法。内部实现：调用了invalidate方法后，为该View添加一个标记位，同时不断向父容器请求刷新，父容器通过计算得出自身需要重绘的区域，直到传递到ViewRootImpl中，最终触发performTraversals方法，开始View树重绘流程(只绘制需要重绘的视图)postInvalidate方法用于在非UI线程中请求重绘视图。
android自定义如何解说,实例讲解Android自定义控件
weixin_32760485的博客
05-25 112
小编在此之前给大家介绍过关于Android自定义控件的用法等，需要的可以参考下：可以看到QQ上的ToolBar其实就是一个自定义的view，可以看到不同的界面就是简单地修改了文字而已，在第二张与第三张尤其的明显，我们就仿QQ的这个Toolbar设置一个自定义控件在开始之前，首先了解一下官方是如何实现一个控件的，比如说一个Linearlayout它不是有layout_width和layout_hei...
android 自定义组件,Android自定义控件LinearLayout实例讲解
weixin_30537231的博客
05-25 405
很多时候Android常用的控件不能满足我们的需求，那么我们就需要自定义一个控件了。今天做了一个自定义控件的实例，来分享下。首先定义一个layout实现按钮内部布局：android:layout_width="fill_parent"android:layout_height="fill_parent"android:orientation="horizontal">android:id="...
实例讲解Android应用中自定义组合控件的方法
09-02
本文将通过一个实例，详细讲解如何在Android中实现自定义组合控件，即自定义一个类似ImageButton的功能。 首先，我们要明白自定义View的基本分类。自定义View大致分为三类：继承View、组合View和自定义ViewGroup。...
Android自定义控件LinearLayout实例讲解
09-02
这个类的构造函数通过LayoutInflater将XML布局加载到自定义控件中。在`onCreate()`方法中，我们使用`findViewById()`获取到ImageView和TextView的引用，这样我们就可以在代码中直接操作这两个组件。 ImageBtn类还...
实例讲解Android自定义控件
01-05
小编在此之前给大家介绍过关于Android自定义控件的用法等，需要的可以参考下： Android开发之自定义控件用法详解 详解Android自定义控件属性 可以看到QQ上的ToolBar其实就是一个自定义的view，可以看到不同的界面...
android 原理 组合控件_android自定义控件及自定义组合控件
weixin_39724266的博客
12-22 255
一、构建自定义控件构建自定义组件你的应用程序就是这些控制组件和布局组件以某种方式结合显示在屏幕上，一般来说这些组件对你来说基本够用，但是你也应该知道你是可以通过类继承创建属于自己的组件，一般可以继承像View、Layouts(布局组件)这样的组件，甚至可以是一些比较高级的控制类组件。下面我们说一下为什么要继承：·你可以为实现某种功能创建一个完全自定义风格的组件，例如用二维的图形创...
小程序毕业设计-基于微信小程序的影院选座系统+ssm（包括源码，数据库，教程）.zip
09-21
Java 毕业设计，小程序毕业设计，小程序课程设计，含有代码注释，新手也可看懂。毕业设计、期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。 包含：项目源码、数据库脚本、软件工具等，该项目可以作为毕设、课程设计使用，前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。 项目都经过严格调试，确保可以运行！可以放心下载 1. 技术组成 前端： 小程序 后台框架：SSM/SpringBoot（如果有的话） 开发环境：idea，微信开发者工具 数据库：MySql（建议用 5.7 版本，8.0 有时候会有坑） 数据库可视化工具：使用 Navicat 部署环境：Tomcat（建议用 7.x 或者 8.x 版本），maven
大二下算法作业，迷宫生成算法以及基于递归的求解，可以在blender中生成3D模型.zip
09-21
大二下算法作业，迷宫生成算法以及基于递归的求解，可以在blender中生成3D模型.zip
小程序毕业设计-基于微信小程序的在线视频教育系统+ssm（包括源码，数据库，教程）.zip
09-21
Java 毕业设计，小程序毕业设计，小程序课程设计，含有代码注释，新手也可看懂。毕业设计、期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。 包含：项目源码、数据库脚本、软件工具等，该项目可以作为毕设、课程设计使用，前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。 项目都经过严格调试，确保可以运行！可以放心下载 1. 技术组成 前端： 小程序 后台框架：SSM/SpringBoot（如果有的话） 开发环境：idea，微信开发者工具 数据库：MySql（建议用 5.7 版本，8.0 有时候会有坑） 数据库可视化工具：使用 Navicat 部署环境：Tomcat（建议用 7.x 或者 8.x 版本），maven
基于SpringBoot+Vue.JS前后端分离的游乐园管理系统 源码+数据库+录屏（毕业设计）
09-21
游乐园管理系统是一个综合性的软件解决方案，旨在为游乐园提供高效的日常运营支持。该系统采用现代的前后端分离架构，前端使用Vue.js框架，后端则基于SpringBoot框架进行开发。Vue.js是一个渐进式JavaScript框架，它易于上手且灵活，非常适合构建用户界面。SpringBoot则提供了快速开发的能力，简化了配置和部署过程，使得后端服务的开发更加高效。 用户管理：允许管理员管理游客信息，包括注册、登录、权限分配等。 设施管理：对游乐园内的游乐设施进行管理，包括设施信息的录入、更新和维护。 票务系统：处理门票销售、折扣策略、在线预订等功能。 安全监控：实时监控游乐园内的安全状况，确保游客的安全。 数据分析：收集和分析游客行为数据，为游乐园的运营决策提供支持。 客户服务：提供客户服务功能，如失物招领、投诉处理等。 启动教程：https://www.bilibili.com/video/BV1SzbFe7EGZ
《深度学习入门 基于Python的理论与实现》学习笔记.zip
09-21
深度学习是机器学习的一个子领域，它基于人工神经网络的研究，特别是利用多层次的神经网络来进行学习和模式识别。深度学习模型能够学习数据的高层次特征，这些特征对于图像和语音识别、自然语言处理、医学图像分析等应用至关重要。以下是深度学习的一些关键概念和组成部分： 1. **神经网络（Neural Networks）**：深度学习的基础是人工神经网络，它是由多个层组成的网络结构，包括输入层、隐藏层和输出层。每个层由多个神经元组成，神经元之间通过权重连接。 2. **前馈神经网络（Feedforward Neural Networks）**：这是最常见的神经网络类型，信息从输入层流向隐藏层，最终到达输出层。 3. **卷积神经网络（Convolutional Neural Networks, CNNs）**：这种网络特别适合处理具有网格结构的数据，如图像。它们使用卷积层来提取图像的特征。 4. **循环神经网络（Recurrent Neural Networks, RNNs）**：这种网络能够处理序列数据，如时间序列或自然语言，因为它们具有记忆功能，能够捕捉数据中的时间依赖性。 5. **长短期记忆网络（Long Short-Term Memory, LSTM）**：LSTM 是一种特殊的 RNN，它能够学习长期依赖关系，非常适合复杂的序列预测任务。 6. **生成对抗网络（Generative Adversarial Networks, GANs）**：由两个网络组成，一个生成器和一个判别器，它们相互竞争，生成器生成数据，判别器评估数据的真实性。 7. **深度学习框架**：如 TensorFlow、Keras、PyTorch 等，这些框架提供了构建、训练和部署深度学习模型的工具和库。 8. **激活函数（Activation Functions）**：如 ReLU、Sigmoid、Tanh 等，它们在神经网络中用于添加非线性，使得网络能够学习复杂的函数。 9. **损失函数（Loss Functions）**：用于评估模型的预测与真实值之间的差异，常见的损失函数包括均方误差（MSE）、交叉熵（Cross-Entropy）等。 10. **优化算法（Optimization Algorithms）**：如梯度下降（Gradient Descent）、随机梯度下降（SGD）、Adam 等，用于更新网络权重，以最小化损失函数。 11. **正则化（Regularization）**：技术如 Dropout、L1/L2 正则化等，用于防止模型过拟合。 12. **迁移学习（Transfer Learning）**：利用在一个任务上训练好的模型来提高另一个相关任务的性能。 深度学习在许多领域都取得了显著的成就，但它也面临着一些挑战，如对大量数据的依赖、模型的解释性差、计算资源消耗大等。研究人员正在不断探索新的方法来解决这些问题。
java-ssh-jsp-mysql小区物业管理系统实现源码(项目源码-说明文档)
09-21
本系统采用了BS架构的模式开发，利用浏览器就可以随处打开，也就是说小区的住户在家里就能进行上网，打开网站，进行物业费的缴费。系统采用了SSH框架技术开发，数据库采用了mysql数据库进行管理 物业管理系统，分为前后台的管理，系统的主要功能包括：业主信息管理，小区新闻，小区风景的展示，在线水电费的缴费，在线对小区设备的报修等 项目关键技术 开发工具：IDEA 、Eclipse 编程语言: Java 数据库: MySQL5.7+ 后端技术：ssh 前端技术：jsp 关键技术：jsp、spring、ssm、ssh、MYSQL、MAVEN 数据库工具：Navicat、SQLyog
高仿网易云课堂小程序源码学习
最新发布
09-21
高仿网易云课堂小程序源码学习
Android自定义控件实例教程：组合与图片按钮制作
在Android开发中，自定义控件是提升用户体验和实现特定功能的重要手段。本文详细讲解了如何创建和使用自定义...通过实践，开发者不仅可以更好地理解和掌握Android自定义控件的使用，还能培养抽象思维和代码组织能力。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值