安卓学习之 UI控件（三）

最新推荐文章于 2025-05-21 20:32:45 发布

原创最新推荐文章于 2025-05-21 20:32:45 发布 · 309 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#安卓学习 #UI控件 #第一行代码

安卓学习专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍了安卓开发中的UI控件，包括TextView、Button、EditText、ImageView、ProgressBar、AlertDialog和ProgressDialog的使用。同时，讲解了线性布局、相对布局、帧布局和百分比布局的基本概念。此外，还探讨了自定义控件的创建过程，以及ListView的简单用法和高级用法，包括自定义适配器和优化技巧。最后，讨论了在安卓开发中如何合理使用长度单位，如dp和sp。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、常用控件

1.TextView（文本）

match_parent:控件与父类相同（基本不用fil_parent）wrap_content：刚好包裹里面内容。
android:gravity调节文字对齐方式，可选参数包括top、bottom、left、right、center等。可用|来同时指定多个值。文字采用sp为单位，文字颜色使用#XXXXXX来表示。
android:textSize 属性可以指定文字的大小，通过 android:textColor 属性可以指定文字的颜色。

2.Button（按钮）

Button可以通过注册监听器调用，也可以通过实现接口的方式实现调用。

button.setOnClickListener(new OnClickListener(){})
或者让活动类实现 OnClickListener 接口，重写onclick方法 onClick(View v),可以通过参数v的id判断是哪一个按钮。

3.EditText（编辑框）

android.hint：指定一段提示性文字
android:maxLines指定EditText的最大行数
editText_01.getText().toString()来获取输入内容。

4.ImageView（图片控件）

android:src为ImageView指定一张照片。
setImageResource()动态设置ImageView里面的图片。

5.ProgressBar（进度条）

Android:visibility设置控件可见属性，visible可见invisible不可见，gone消失。设置控件可见性setVisiblity(View.visible);获取控件可见性progress_bar01.getVisiblity()
设置Prograssbar的进度条进度。 progressBar.getProgress()获得进度,progressBar.setProgress(progress)设置进度。

6.AlterDialog（对话框）

一般 AlertDialog 都是用于提示一些非常重要的内容或者警告信息。
先new一个AlterDialog.Builder对象，setTitle、setMessage、SetCancelable、setPositiveButton、setNegativeButton完成。
最后一定要dialog.show();

7.ProgressDialog

ProgressDialog 会在对话框中显示一个进度条，一般是用于表示当前操作比较耗时，让用户耐心地等待。
与AlterDialog类似，设置progressdialog.setCaceled(true)，可通过返回键back回去,否则回不去.

二、四种基本的布局

1.线性布局（Linearlayout）

android:orientation="vertical"竖直方向。horizontal水平方向。
android:gravity 用于指定文字在控件中的对齐方式，而android:layout_gravity用于指定控件在布局中的对齐方式。
.dp是Android中用于指定控件大小、间距等属性 , android:layout_width=“0dp” android:layout_weight="1"若两个控件都为1则平分屏幕。

2.相对布局（RelativeLayout）

相对父布局定位：

//控件位于父控件的右下方
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"

//两个属性来确定置。

相对于控件定位

//控件位于button_03控件的右下方
android:layout_below="@id/button_03"
android:layout_toRightOf="@id/button_03"

3.帧布局（FrameLayout）

应用场景较少，将元素放在左上方

4.百分比布局（PercentFrameLayout）

三、自定义控件

控件的继承结构

需求，添加一个类似苹果的菜单栏，左边是返回按钮，中间是内容，右边是编辑

自定义布局

在res/layout 新建一个布局文件 title.xml，
然后在需要引入这个布局的xml文件中加上<include layout="@layout/title"/> 就可以了。

自定义控件

每次引入Title.xml 点击事件都要写，不如改成动态加载形成自定义控件。

上一步引入布局后；
新建TitleLayout继承自LinearLayout,对标题栏动态加载

public class TitleLayout extends LinearLayout {
    public TitleLayout(Context context, AttributeSet attrs) { 
        super(context, attrs);     
        LayoutInflater.from(context).inflate(R.layout.title, this);
    }
}

3.重新引入布局，引入TitleLayout，而非title.xml；

<com.example.uicustomviews.TitleLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content">
</com.example.uicustomviews.TitleLayout>

4.在布局的构造函数中中添加点击事件，形成自定义控件。

public class TitleLayout extends LinearLayout {
    public TitleLayout(Context context, AttributeSet attrs) { 
        super(context, attrs); LayoutInflater.from(context).inflate(R.layout.title, this);
        Button titleBack = (Button) findViewById(R.id.title_back); 
        Button titleEdit = (Button) findViewById(R.id.title_edit); titleBack.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) { 
                ((Activity) getContext()).finish();
            }
        });
        titleEdiOnCt.setlickListener(new OnClickListener();
    }
}

四、ListView

简单用法

在一个布局中中加入ListView

<ListView
android:id="@+id/list_view" android:layout_width="match_parent" android:layout_height="match_parent" >
</ListView>

提供显示数据

private String[] data = { "Apple", "Banana", "Orange", "Watermelon", "Pear", "Grape", "Pineapple", "Strawberry", "Cherry", "Mango" };

构建适配器，目的是传递数据进入ListView，适配器是ArrayAdapter，可以通过泛型传递数据。

ArrayAdapter<String> adapter = new ArrayAdapter<String>(
MainActivity.this, android.R.layout.simple_list_item_1, data);

这里我们使用了android.R.layout.simple_list_item_1 作为 ListView 子项布局的 id，这是一个 Android 内置的布局文件，里面只有一个TextView，可用于简单地显示一段文本。

3.setAdapter将适配器传递进去，完成Listview与数据的关联。

listView.setAdapter(adapter);

高级用法（定制ListView的界面）

定义实体类Fruit，传入ImageId和name；

public class Fruit { 
    private String name; 
    private int imageId;
    
}

2.建立Fruit_item.xml，完善布局;

定义了一个 ImageView 用于显示水果的图片，又定义了一个TextView 用于显示水果的名称

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" >

    <ImageView android:id="@+id/fruit_image" android:layout_width="wrap_content" android:layout_height="wrap_content" />
    <TextView android:id="@+id/fruit_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginLeft="10dip" />
</LinearLayout>

3.建立自定义适配器，继承ArrayAdapter，泛型为Fruit类，FruitAdapter将上下文、ListView子布局的id和数据传递进来。

public class FruitAdapter extends ArrayAdapter<Fruit> { 
    private int resourceId;
    public FruitAdapter(Context context, int textViewResourceId, List<Fruit> objects) {
        super(context, textViewResourceId, objects);
        resourceId = textViewResourceId;
    }
}

4.重写getView方法，其功能是每个子项滚动到屏幕内的时候会被调用。

获取当前项的Fruit实例；L
ayoutInflater.from(getContext()).inflate为这个子项加载传入的布局；
setImageResource和setText设置图片和文字。返回布局最后。

public View getView(int position, View convertView, ViewGroup parent) { 
    Fruit fruit = getItem(position); // 获取当前项的Fruit实例
    View view = LayoutInflater.from(getContext()).inflate(resourceId, null); ImageView fruitImage = (ImageView) view.findViewById(R.id.fruit_image); TextView fruitName = (TextView) view.findViewById(R.id.fruit_name); fruitImage.setImageResource(fruit.getImageId()); fruitName.setText(fruit.getName());
    return view;
}

5.使用initFruits初始化所有水果数据，将水果名称和水果图片ID添加进来；建立Adapter，将其作为适配器传入Listview，只要修改fruit_intem.xml，就可以修改出复杂界面了。

FruitAdapter adapter = new FruitAdapter(MainActivity.this, R.layout.fruit_item, fruitList);

private void initFruits() {
    //初始化所有水果的数据；
}

给每个viewItem添加一个点击事件

listView.setOnItemClickListener(new OnItemClickListener() {
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        Fruit fruit = fruitList.get(position); 
        Toast.makeText(MainActivity.this, fruit.getName(),
Toast.LENGTH_SHORT).show();
    }
}

ListView的优化

getView()方法中还有一个 convertView 参数，这个可以理解成上次加载成功的view。

public class FruitAdapter extends ArrayAdapter<Fruit> {
    @Override
    public View getView(int position, View convertView, ViewGroup parent) { 
        Fruit fruit = getItem(position);
        View view;
        ViewHolder viewHolder;
        if (convertView == null) {
            view = LayoutInflater.from(getContext()).inflate(resourceId, null); 
            viewHolder = new ViewHolder();
            viewHolder.fruitImage = (ImageView) view.findViewById (R.id.fruit_image);
            viewHolder.fruitName = (TextView) view.findViewById (R.id.fruit_name);
            view.setTag(viewHolder); // 将ViewHolder存储在View中
        } else {
            view = convertView;
            viewHolder = (ViewHolder) view.getTag(); // 重新获取ViewHolder
        }
        viewHolder.fruitImage.setImageResource(fruit.getImageId()); viewHolder.fruitName.setText(fruit.getName());
        return view;
    }

class ViewHolder { 
    ImageView fruitImage; 
    TextView fruitName;
    }
}

我们新增了一个内部类 ViewHolder，用于对控件的实例进行缓存。当 convertView 为空的时候，创建一个 ViewHolder 对象，并将控件的实例都存放在 ViewHolder 里，然后调用 View 的 setTag()方法，将 ViewHolder 对象存储在 View 中。当 convertView 不为空的时候则调用
View 的 getTag()方法，把 ViewHolder 重新取出。这样所有控件的实例都缓存在了 ViewHolder
里，就没有必要每次都通过 findViewById()方法来获取控件实例了。