android客户端设置界面开发实例

最新推荐文章于 2024-09-11 11:00:04 发布
最新推荐文章于 2024-09-11 11:00:04 发布
阅读量1.3w 收藏 14
点赞数 1
分类专栏： android 文章标签： 布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jwzhangjie/article/details/12560185
版权

我们在开发软件的时候，都会填一个功能就是设置，查看很多软件大多数都是圆角形式，最近在帮一个客户做直播客户端也要添加一个设置界面，因此分享一下制作过程先看一下效果图（上面还包含一个头，但是里面含有客户信息，就给去掉了）


效果图就如上面的，其实也就是LinearLayout加上圆角，每一行用RelativeLayout布局，由于还要点击的时候改变背景颜色，所以我同时实现了OnClickListener和OnTouchListener，其中OnClickListener来实现功能，OnTouchListener来实现变色。先看代码吧。

布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ff2f2f2f"
    android:orientation="vertical" >

    <include
        android:id="@id/actionbar"
        style="@style/ActionBar"
        layout="@layout/top_item" >
    </include>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dip"
        android:orientation="vertical" >

        <TextView
            android:layout_width="match_parent"
            android:layout_height="40dip"
            android:gravity="center_vertical"
            android:text="@string/setting_soft"
            android:textSize="25sp" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/nor_concor"
            android:orientation="vertical" >

            <RelativeLayout
                android:id="@id/share_tssv_p"
                android:layout_width="match_parent"
                android:layout_height="40dip"
                android:background="@drawable/nor_up_concor"
                android:orientation="horizontal" >

                <TextView
                    android:id="@id/share_tssv"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_marginLeft="5dip"
                    android:gravity="center_vertical"
                    android:text="@string/setting_soft_share"
                    android:textSize="15sp" />

                <ImageView
                    android:layout_width="20dip"
                    android:layout_height="20dip"
                    android:layout_alignParentRight="true"
                    android:layout_centerVertical="true"
                    android:layout_marginRight="5dip"
                    android:background="@drawable/setting_click"
                    android:contentDescription="@string/app_name" />
            </RelativeLayout>

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="2dip"
                android:background="@drawable/sc_line"
                android:contentDescription="@string/app_name" />

            <RelativeLayout
                android:id="@id/clear_cache_p"
                android:layout_width="match_parent"
                android:layout_height="40dip"
                android:orientation="horizontal" >

                <TextView
                    android:id="@id/clear_cache"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_marginLeft="5dip"
                    android:gravity="center_vertical"
                    android:text="@string/setting_soft_clear_cache"
                    android:textSize="15sp" />

                <ImageView
                    android:layout_width="20dip"
                    android:layout_height="20dip"
                    android:layout_alignParentRight="true"
                    android:layout_centerVertical="true"
                    android:layout_marginRight="5dip"
                    android:background="@drawable/setting_click"
                    android:contentDescription="@string/app_name" />
            </RelativeLayout>

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="2dip"
                android:background="@drawable/sc_line"
                android:contentDescription="@string/app_name" />

            <RelativeLayout
                android:id="@id/soft_feedback_p"
                android:layout_width="match_parent"
                android:layout_height="40dip"
                android:orientation="horizontal" >

                <TextView
                    android:id="@id/soft_feedback"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_marginLeft="5dip"
                    android:gravity="center_vertical"
                    android:text="@string/setting_soft_feedback"
                    android:textSize="15sp" />

                <ImageView
                    android:layout_width="20dip"
                    android:layout_height="20dip"
                    android:layout_alignParentRight="true"
                    android:layout_centerVertical="true"
                    android:layout_marginRight="5dip"
                    android:background="@drawable/setting_click"
                    android:contentDescription="@string/app_name" />
            </RelativeLayout>

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="2dip"
                android:background="@drawable/sc_line"
                android:contentDescription="@string/app_name" />

            <RelativeLayout
                android:id="@id/contack_me_p"
                android:layout_width="match_parent"
                android:layout_height="40dip"
                android:orientation="horizontal" >

                <TextView
                    android:id="@id/contack_me"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:gravity="center_vertical"
                    android:layout_marginLeft="5dip"
                    android:text="@string/setting_soft_contact"
                    android:textSize="15sp" />

                <ImageView
                    android:layout_width="20dip"
                    android:layout_height="20dip"
                    android:layout_alignParentRight="true"
                    android:layout_centerVertical="true"
                    android:layout_marginRight="5dip"
                    android:background="@drawable/setting_click"
                    android:contentDescription="@string/app_name" />
            </RelativeLayout>
        </LinearLayout>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dip"
        android:orientation="vertical" >

        <TextView
            android:layout_width="match_parent"
            android:layout_height="40dip"
            android:gravity="center_vertical"
            android:text="@string/setting_other"
            android:textSize="25sp" />

        <RelativeLayout
            android:id="@id/quality_application_p"
            android:layout_width="match_parent"
            android:layout_height="40dip"
            android:background="@drawable/nor_concor"
            android:orientation="horizontal" >

            <TextView
                android:id="@id/quality_application"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_marginLeft="5dip"
                android:gravity="center_vertical"
                android:text="@string/setting_other_quality_applications"
                android:textSize="15sp" />

            <ImageView
                android:layout_width="20dip"
                android:layout_height="20dip"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:layout_marginRight="5dip"
                android:background="@drawable/setting_click"
                android:contentDescription="@string/app_name" />
        </RelativeLayout>
    </LinearLayout>

</LinearLayout>
由于设置界面只是一部分，我并不是使用的Activity而是使用的Fragment 

public class Setting_Page extends Fragment implements OnClickListener, OnTouchListener{

	private View settingView;
	private TextView shareSoft, clearCache, feedback, contack_me, qulity_apps;
	private RelativeLayout shaeSoftLayout, clearCacheLayout, feedbackLayout, contack_meLayout, qulity_appsLayout;
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		settingView = inflater.inflate(R.layout.setting_page, null);
		settingView.findViewById(R.id.home_top_bg).setBackgroundResource(
				R.drawable.setting_logo);
		return settingView;
	}

	@Override
	public void onActivityCreated(Bundle savedInstanceState) {
		super.onActivityCreated(savedInstanceState);
		shareSoft = (TextView)settingView.findViewById(R.id.share_tssv);
		shaeSoftLayout = (RelativeLayout)settingView.findViewById(R.id.share_tssv_p);
		shareSoft.setOnClickListener(this);
		shareSoft.setOnTouchListener(this);
		clearCache = (TextView)settingView.findViewById(R.id.clear_cache);
		clearCacheLayout = (RelativeLayout)settingView.findViewById(R.id.clear_cache_p);
		clearCache.setOnClickListener(this);
		clearCache.setOnTouchListener(this);
		feedback = (TextView)settingView.findViewById(R.id.soft_feedback);
		feedbackLayout = (RelativeLayout)settingView.findViewById(R.id.soft_feedback_p);
		feedback.setOnClickListener(this);
		feedback.setOnTouchListener(this);
		contack_me = (TextView)settingView.findViewById(R.id.contack_me);
		contack_meLayout = (RelativeLayout)settingView.findViewById(R.id.contack_me_p);
		contack_me.setOnClickListener(this);
		contack_me.setOnTouchListener(this);
		qulity_apps = (TextView)settingView.findViewById(R.id.quality_application);
		qulity_appsLayout = (RelativeLayout)settingView.findViewById(R.id.quality_application_p);
		qulity_apps.setOnClickListener(this);
		qulity_apps.setOnTouchListener(this);
	}

	@Override
	public void onClick(View v) {
		switch (v.getId()) {
		case R.id.share_tssv:
			ShareTSSV();
			break;
		case R.id.clear_cache:
			AppLog.e("clear_cache");
			break;
		case R.id.soft_feedback:
			AppLog.e("soft_feedback");
			break;
		case R.id.contack_me:
			AppLog.e("contack_me");
			break;
		case R.id.quality_application:
			AppLog.e("quality_application");
			break;
		}
	}
	
	
	public void ShareTSSV(){
		Intent shareIntent = new Intent(Intent.ACTION_SEND);
		shareIntent.setType("text/plain");
		shareIntent.putExtra(Intent.EXTRA_SUBJECT, R.string.share_subject);
		shareIntent.putExtra(Intent.EXTRA_TEXT, R.string.share_text);
		shareIntent.putExtra(Intent.EXTRA_TITLE, R.string.share_title);
		shareIntent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
		startActivity(Intent.createChooser(shareIntent, getResources().getText(R.string.share_select)));
	}

	@Override
	public boolean onTouch(View v, MotionEvent event) {
		switch (v.getId()) {
		case R.id.share_tssv:
			switch (event.getAction()) {
			case MotionEvent.ACTION_DOWN:
				shaeSoftLayout.setBackgroundResource(R.drawable.press_up_concor);
				break;
			case MotionEvent.ACTION_UP:
				shaeSoftLayout.setBackgroundResource(R.drawable.nor_up_concor);
				break;
			}
			break;
		case R.id.clear_cache:
			switch (event.getAction()) {
			case MotionEvent.ACTION_DOWN:
				clearCacheLayout.setBackgroundColor(getResources().getColor(R.color.papayawhip));
				break;
			case MotionEvent.ACTION_UP:
				clearCacheLayout.setBackgroundColor(getResources().getColor(R.color.turnk));
				break;
			}
			break;
		case R.id.soft_feedback:
			switch (event.getAction()) {
			case MotionEvent.ACTION_DOWN:
				feedbackLayout.setBackgroundColor(getResources().getColor(R.color.papayawhip));
				break;
			case MotionEvent.ACTION_UP:
				feedbackLayout.setBackgroundColor(getResources().getColor(R.color.turnk));
				break;
			}
			break;
		case R.id.contack_me:
			switch (event.getAction()) {
			case MotionEvent.ACTION_DOWN:
				contack_meLayout.setBackgroundResource(R.drawable.press_down_concor);
				break;
			case MotionEvent.ACTION_UP:
				contack_meLayout.setBackgroundResource(R.drawable.nor_down_concor);
				break;
			}
			break;
		case R.id.quality_application:
			switch (event.getAction()) {
			case MotionEvent.ACTION_DOWN:
				qulity_appsLayout.setBackgroundResource(R.drawable.press_concor);
				break;
			case MotionEvent.ACTION_UP:
				qulity_appsLayout.setBackgroundResource(R.drawable.nor_concor);
				break;
			}
			break;
		}
		return false;
	}
}


其中里面涉及到的资源布局如下：

nor_concor.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <solid android:color="#ffffffff" />

    <corners
        android:bottomLeftRadius="10.0dip"
        android:bottomRightRadius="10.0dip"
        android:topLeftRadius="10.0dip"
        android:topRightRadius="10.0dip" />

</shape>

press_concor.xml 

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <solid android:color="#FFEFD5" />

    <corners
        android:bottomLeftRadius="10.0dip"
        android:bottomRightRadius="10.0dip"
        android:topLeftRadius="10.0dip"
        android:topRightRadius="10.0dip" />

</shape>

nor_up_concor.xml 

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <solid android:color="#00000000" />

    <corners
        android:topLeftRadius="10.0dip"
        android:topRightRadius="10.0dip" />
</shape>

press_up_concor.xml 

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <solid android:color="#FFEFD5" />

    <corners
        android:topLeftRadius="10.0dip"
        android:topRightRadius="10.0dip" />
</shape>


nor_down_concor.xml 


<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <solid android:color="#00000000" />

    <corners
        android:bottomLeftRadius="10.0dip"
        android:bottomRightRadius="10.0dip" />

</shape>


press_down_concor.xml 

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <solid android:color="#FFEFD5" />

    <corners
        android:bottomLeftRadius="10.0dip"
        android:bottomRightRadius="10.0dip"/>

</shape>

jwzhangjie
关注
专栏目录
Android实现客户端语音动弹界面实例代码
08-28
在Android开发中，实现客户端语音动弹界面是一个常见的需求，特别是在社交应用或者消息传递应用中。这个实例代码主要展示了如何创建一个包含语音录制功能的用户界面。以下是对该实例代码的详细解释： 1. **控件布局...
Android Studio学习02：App首页布局
junqiduhang的博客
08-25 9962
Android Studio；页面布局；ScrollView, RelativeLayout
安卓开发——UI界面开发
2302_76442372的博客
03-03 5428
安卓实验：UI界面（微信界面）
自定义Android应用设置界面：PreferenceFragmentCompatTheming实战指南
最新发布
weixin_30476025的博客
09-11 717
本文还有配套的精品资源，点击获取 简介：PreferenceFragmentCompatTheming项目指导Android开发者如何为 PreferenceFragmentCompat 自定义主题和布局。这个类用于构建设置界面，通过自定义主题可以改变背景、文字颜色和分割线样式。教程涵盖了主题与样式的定义、布局资源的创建、Java代码中主题的应用、Androi...
Android界面开发基础
曲折旅程，艰难人生
11-05 3233
个人整理的Android界面开发基础，包含view和compose两大架构的基础使用，让大家对安卓界面开发有一个概览。
熬夜再战Android从青铜到王者-UI组件快速搭建App界面【建议收藏】
热门推荐
空名先生
08-31 1万+
????关于作者 众所周知，人生是一个漫长的流程，不断克服困难，不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考，于是我决定将自己的思考，经验和故事全部分享出来，以此寻找共鸣！！！ 专注于Android/Unity和各种游戏开发技巧，以及各种资源分享（网站、工具、素材、源码、游戏等） ????即将学会 了解Android Studio布局编辑器。 ????背景 在开发阶段UI的代码虽然不需要多的技术含量，但却拥有不容忽视的工作量。要想快速的开发出布局界面，就得熟练的使用好布局编辑器。
Android客户端入门开发
zhangyang5023637的专栏
12-07 2535
背景 为了让大家对Android开发流程有个整体的认识，我们用一张流程图来描述下一个客户端从开发，测试，到打包，上架的完整流程，具体流程如下图所示： 开发前准备 1: 开发工具 JDK 因为Android本质上也是用的Java语言开发，所以编译环境也需要用到Java虚拟机，在开发之前，我们需要下载JDK，并配置JDK环境 JDK下载地址：https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
Android界面设计(初学）
2201_75709573的博客
07-31 1797
在 监 听 事 件 中 ， 即。中 ， 取 得 点 击 位 置 ，的列项，将水果名以及对应的图。节），注意判断位置是否为空。运行效果：这里我只传了三个图片。） 所有的文字大小均改成。，设置为稍后初始化，绑定为。） 在监听事件中，实现。时，则判定成功登陆，用户名或者密码输入错误。当输入不正确的用户信息。） 新建一个私有方法。
Android客户端首次启动引导界面
08-27
在本文中，我们将详细探讨如何在Android客户端实现首次启动引导界面。 首先，我们需要理解实现首次启动引导界面的基本思路。通常，我们会使用SharedPreferences来存储一个标记，表示用户是否已经看过引导界面。默认...
android实例源代码-Oschina客户端.zip
10-29
本篇文章将基于"android实例源代码-Oschina客户端"这一实例，探讨Android应用开发的关键技术和实践方法。 首先，"Oschina客户端"是一款专为开源中国（Oschina）社区打造的Android应用，它涵盖了社区新闻、博客、...
Android客户端高仿开心网ui实例源码.zip_Android客户端高仿开心网ui_android
09-23
【标题】"Android客户端高仿开心网ui实例源码.zip" 涉及到的是一个Android应用开发项目，目标是实现对开心网用户界面的高度模仿。这个实例源码可以帮助开发者学习和理解如何在Android平台上创建类似社交应用的界面...
SimplifyReaderMaterialDesign设计开发的Android客户端.rar
07-30
《SimplifyReader Material Design 设计开发的Android客户端详解》 SimplifyReader Material Design 是一个基于Android平台的应用程序，它充分体现了Google推出的Material Design设计规范，为用户提供了清晰、直观...
页面布局 so easy——Android开发常见的界面布局方式详解
m0_70748458的博客
03-30 1857
​在Android应用中，界面由布局和控件组成。布局好比是建筑里的框架，控件相当于建筑里的砖瓦。针对界面中控件不同的排列位置，Android定义了相应的布局进行管理。本篇将针对Android界面中常见的布局进行详细地讲解。
Android实现设置界面
m0_60352504的博客
08-21 1152
android:entries和android:
二、Android界面开发
沉默的范大叔
12-20 5209
基于MVP原则，即最简可实行产品，希望通过最简洁的知识点，帮助Android开发初学者高效和快速的入门。
安卓开发入门（更新ing）
weixin_44795604的博客
05-14 5534
我的是在这里，我们打开这个目录，在下面新建一个init.gradle文件。进入项目后有一个gradle配置过程，这里要换成阿里的源。等待buidle完成即可 ，这里调试项目使用真机调试。这里选择的是33也就是安卓13，后面可以自己选择。activity_main.xml是布局文件。安装sdk前一定要先安装jdk至少1.8以上。点击finish进入开发界面。取消勾选33，勾选30。
全网最全Android compose开发应用指南
Eqiqi的博客
09-16 5630
Jetpack Compose 是一款基于Kotlin API，重新定义Android布局的一套框架。它可简化并加快 Android 上的界面开发。使用更少的代码、强大的工具和直观的 Kotlin API，快速让应用生动而精彩。对于开发者而言最直观的就是**节省开发时长，减少包体积，提高应用性能。
（1）初探android——客户端开发学习
jachinleon的博客
08-21 1395
本篇内容包含：课程ppt与自学教材结合后对安卓知识体系的初步理解和总结，所添加代码块为向其中添加注释进行学习理解。如有不足，欢迎批评指正！
Android界面开发基础（一）
A_ferry的博客
08-06 1312
textview和button
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值