android 仿ios7设置界面

最新推荐文章于 2022-07-05 15:17:58 发布
最新推荐文章于 2022-07-05 15:17:58 发布
阅读量2.6k 收藏 3
点赞数 1
分类专栏： AndroidUi设计 文章标签： androiod android仿 仿ios菜单
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aojiancc2/article/details/44177545
版权 




 <LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"    
        android:layout_width="fill_parent"    
        android:background="#e3e2e7" 
        android:layout_height="fill_parent"
        android:orientation="vertical"
        >   
    <LinearLayout    
        android:layout_width="fill_parent"    
        android:background="#ffffff"
        android:layout_marginTop="15dp"
        android:orientation="vertical"
        android:layout_height="wrap_content">    
        <RelativeLayout    
            android:layout_width="fill_parent"    
            android:layout_height="39dp"     
            android:gravity="center_horizontal">    
        
            <ImageView    
                android:id="@+id/iv_system_left"    
                android:layout_width="wrap_content"    
                android:layout_height="wrap_content"    
                android:layout_alignParentLeft="true"    
                android:layout_centerVertical="true"    
                android:layout_marginLeft="12dp"   
                android:src="@drawable/set7" />  
                
            <TextView    
                android:id="@+id/tv_system_title"    
                android:layout_width="wrap_content"    
                android:layout_height="wrap_content"  
                android:layout_toRightOf="@+id/iv_system_left"    
                android:layout_centerVertical="true"    
                android:layout_marginLeft="11dp"    
                android:text="分享"     
                android:textColor="#000000"/>    
        
            <ImageView    
                android:id="@+id/iv_system_right"    
                android:layout_width="wrap_content"    
                android:layout_height="wrap_content"    
                android:layout_alignParentRight="true"    
                android:layout_centerVertical="true"    
                android:layout_marginRight="12dp"    
                android:src="@drawable/ios_arrow" />    
        </RelativeLayout>    
        
            <LinearLayout android:layout_width="fill_parent"
        android:layout_height="1px"
        android:background="@drawable/setborder" 
        android:layout_marginLeft="46dp"
        ></LinearLayout>
    </LinearLayout>   
    

    <LinearLayout    
        android:layout_width="fill_parent"    
        android:background="#ffffff"
        android:orientation="vertical"
        android:layout_height="wrap_content">    
        <RelativeLayout    
            android:layout_width="fill_parent"    
            android:layout_height="39dp"     
            android:gravity="center_horizontal">    
        
            <ImageView    
                android:id="@+id/iv_system_left"    
                android:layout_width="wrap_content"    
                android:layout_height="wrap_content"    
                android:layout_alignParentLeft="true"    
                android:layout_centerVertical="true"    
                android:layout_marginLeft="12dp"   
                android:src="@drawable/set4" />  
                
            <TextView    
                android:id="@+id/tv_system_title"    
                android:layout_width="wrap_content"    
                android:layout_height="wrap_content"  
                android:layout_toRightOf="@+id/iv_system_left"    
                android:layout_centerVertical="true"    
                android:layout_marginLeft="11dp"    
                android:text="控制中心"     
                android:textColor="#000000"/>    
        
            <ImageView    
                android:id="@+id/iv_system_right"    
                android:layout_width="wrap_content"    
                android:layout_height="wrap_content"    
                android:layout_alignParentRight="true"    
                android:layout_centerVertical="true"    
                android:layout_marginRight="12dp"    
                android:src="@drawable/ios_arrow" />    
        </RelativeLayout>    
        
            <LinearLayout android:layout_width="fill_parent"
        android:layout_height="1px"
        android:background="@drawable/setborder" 
        android:layout_marginLeft="46dp"
        ></LinearLayout>
    </LinearLayout> 
    
      <LinearLayout    
        android:layout_width="fill_parent"    
        android:background="#ffffff"
        android:orientation="vertical"
        android:layout_height="wrap_content">    
        <RelativeLayout    
            android:layout_width="fill_parent"    
            android:layout_height="39dp"     
            android:gravity="center_horizontal">    
        
            <ImageView    
                android:id="@+id/iv_system_left"    
                android:layout_width="wrap_content"    
                android:layout_height="wrap_content"    
                android:layout_alignParentLeft="true"    
                android:layout_centerVertical="true"    
                android:layout_marginLeft="12dp"   
                android:src="@drawable/set5" />  
                
            <TextView    
                android:id="@+id/tv_system_title"    
                android:layout_width="wrap_content"    
                android:layout_height="wrap_content"  
                android:layout_toRightOf="@+id/iv_system_left"    
                android:layout_centerVertical="true"    
                android:layout_marginLeft="11dp"    
                android:text="通用"     
                android:textColor="#000000"/>    
        
            <ImageView    
                android:id="@+id/iv_system_right"    
                android:layout_width="wrap_content"    
                android:layout_height="wrap_content"    
                android:layout_alignParentRight="true"    
                android:layout_centerVertical="true"    
                android:layout_marginRight="12dp"    
                android:src="@drawable/ios_arrow" />    
        </RelativeLayout>    
        
            <LinearLayout android:layout_width="fill_parent"
        android:layout_height="1px"
        android:background="@drawable/setborder" 
        android:layout_marginLeft="46dp"
        ></LinearLayout>
    </LinearLayout> 
    
    
    <LinearLayout    
        android:layout_width="fill_parent"    
        android:background="#ffffff" 
        android:layout_height="wrap_content">    
        <RelativeLayout    
            android:layout_width="fill_parent"    
            android:layout_height="39dp"     
            android:gravity="center_horizontal">    
        
            <ImageView    
                android:id="@+id/iv_system_left"    
                android:layout_width="wrap_content"    
                android:layout_height="wrap_content"    
                android:layout_alignParentLeft="true"    
                android:layout_centerVertical="true"    
                android:layout_marginLeft="12dp"   
                android:src="@drawable/set2" />  
                
            <TextView    
                android:id="@+id/tv_system_title"    
                android:layout_width="wrap_content"    
                android:layout_height="wrap_content"  
                android:layout_toRightOf="@+id/iv_system_left"    
                android:layout_centerVertical="true"    
                android:layout_marginLeft="12dp"    
                android:text="最爱"     
                android:textColor="#000000"/>    
            
            <ImageView    
                android:id="@+id/iv_system_right"    
                android:layout_width="wrap_content"    
                android:layout_height="wrap_content"    
                android:layout_alignParentRight="true"    
                android:layout_centerVertical="true"    
                android:layout_marginRight="11dp"    
                android:src="@drawable/ios_arrow" />    
        </RelativeLayout>    
        
    </LinearLayout>


LinearLayout实现点击效果,使用seselector

drawable新建myborder

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">  
<item android:state_pressed="true" android:drawable="@drawable/darkgray" /> 
<item android:drawable="@drawable/white"></item>
</selector>
styles 

<item type="drawable" name="darkgray">#cccccc</item>
    <item type="drawable" name="white">#ffffff</item>

android:background="@drawable/myborder"

注意要配置android:clickable="true"



后台生成

public class MySetingFragment extends Fragment{
    
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		// TODO Auto-generated method stub		
		//return super.onCreateView(inflater, container, savedInstanceState);
				
		return inflater.inflate(R.layout.main_tab_setting_list_item, container, false);
	}
	
	@Override
	public void onActivityCreated(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		
		LinearLayout ly = (LinearLayout)getActivity().findViewById(R.id.my_setting);
		ly.addView(CreateSetting(this.getResources().getDrawable(R.drawable.set7),"通用"));
		ly.addView(CreateSetting(this.getResources().getDrawable(R.drawable.set6),"视频"));
		super.onActivityCreated(savedInstanceState);
	}
	
	public int Dp2Px(Context context, float dp) { 
	    final float scale = context.getResources().getDisplayMetrics().density; 
	    return (int) (dp * scale + 0.5f); 
	}
	
	public LinearLayout CreateSetting(Drawable img,String _text)
	{
		RelativeLayout  rl = new RelativeLayout(getActivity().getApplicationContext());
		RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(
				RelativeLayout.LayoutParams.MATCH_PARENT,Dp2Px(getActivity(),39));
	     lp.addRule(RelativeLayout.CENTER_HORIZONTAL);
	     rl.setLayoutParams(lp);
	     	     
	     RelativeLayout.LayoutParams lpiv = new RelativeLayout.LayoutParams(
					RelativeLayout.LayoutParams.WRAP_CONTENT,RelativeLayout.LayoutParams.WRAP_CONTENT);
	     lpiv.addRule(RelativeLayout.CENTER_VERTICAL,RelativeLayout.TRUE);
	     lpiv.addRule(RelativeLayout.ALIGN_PARENT_LEFT,RelativeLayout.TRUE);
	     lpiv.setMargins(Dp2Px(getActivity(),12), 0, 0, 0);
	     //lpiv.addRule(RelativeLayout.RIGHT_OF,iv.getId());
	     
	     ImageView iv = new ImageView(getActivity().getApplicationContext());
	     iv.setLayoutParams(lpiv);
	     iv.setImageDrawable(img);
	     
	     iv.setId(99);//动态相对布局必须设置id，getid才能取到
	     
	     RelativeLayout.LayoutParams lp_tv = new RelativeLayout.LayoutParams(
					RelativeLayout.LayoutParams.WRAP_CONTENT,RelativeLayout.LayoutParams.WRAP_CONTENT);
	     lp_tv.addRule(RelativeLayout.CENTER_VERTICAL,RelativeLayout.TRUE);
	     lp_tv.setMargins(Dp2Px(getActivity(),11), 0, 0, 0);
	     lp_tv.addRule(RelativeLayout.RIGHT_OF,iv.getId());
	     TextView tv = new TextView(getActivity().getApplicationContext());
	     tv.setLayoutParams(lp_tv);
	     tv.setText(_text);
	     tv.setTextColor(Color.parseColor("#000000"));
	     
	     
	     RelativeLayout.LayoutParams lp_img = new RelativeLayout.LayoutParams(
					RelativeLayout.LayoutParams.WRAP_CONTENT,RelativeLayout.LayoutParams.WRAP_CONTENT);
	     lp_img.addRule(RelativeLayout.CENTER_VERTICAL,RelativeLayout.TRUE);
	     lp_img.addRule(RelativeLayout.ALIGN_PARENT_RIGHT,RelativeLayout.TRUE);
	     lp_img.setMargins(0, 0, Dp2Px(getActivity(),12), 0);
	     //lpiv.addRule(RelativeLayout.RIGHT_OF,iv.getId());
	     
	     ImageView ivarrow = new ImageView(getActivity().getApplicationContext());
	     ivarrow.setLayoutParams(lp_img);
	     ivarrow.setImageDrawable(this.getResources().getDrawable(R.drawable.ios_arrow));
	     
	     rl.addView(iv);
	     rl.addView(tv);
	     rl.addView(ivarrow);
	     
	     
	     LinearLayout  ll_line = new LinearLayout(getActivity().getApplicationContext());
	     LinearLayout.LayoutParams lp_line = new LinearLayout.LayoutParams(
					RelativeLayout.LayoutParams.MATCH_PARENT,1);
	     lp_line.setMargins(Dp2Px(getActivity(),46), 0, 0, 0);
	     ll_line.setLayoutParams(lp_line);
	     ll_line.setBackgroundColor(Color.parseColor("#cccccc"));
	     
	     
	     LinearLayout  ll_f = new LinearLayout(getActivity().getApplicationContext());
	     LinearLayout.LayoutParams lp_f = new LinearLayout.LayoutParams(
					RelativeLayout.LayoutParams.MATCH_PARENT,RelativeLayout.LayoutParams.WRAP_CONTENT);
	 
	     ll_f.setLayoutParams(lp_f);	     
	     ll_f.setOrientation(LinearLayout.VERTICAL);
	     ll_f.setClickable(true);
	     Drawable ll_fd = this.getResources().getDrawable(R.drawable.myborder);
	     try{
	         ll_f.setBackgroundDrawable(ll_fd);//还必须要使用这个方法，虽然提示过期
	     }
	     catch(Exception e){
	         ll_f.setBackgroundColor(Color.parseColor("#ffffff"));
	     }
	     ll_f.addView(rl);
	     ll_f.addView(ll_line);	     
	   return ll_f;
	}
}





tnblog技术分享～
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Android学习之微信界面的模仿实现
run 的博客
09-21 1万+
参考自：http://www.cnblogs.com/lichenwei/ 模仿微信界面的实现我是使用Fragment固定界面的方式来实现的，主要用到的布局方式有LinearLayout和FrameLayout 1、界面分析（效果图）     2、界面布局的具体实现 布局文件： activity_top.xml（顶部布局） <LinearLayout xmlns:
Android常用控件之Fragment仿Android4.0设置界面（二）
DMT专栏
10-09 3114
在之前的基础上添加自定义的BaseAdapter，丰富显示的内容，使用BaseAdapter必须写一个类继承它，同时BaseAdapter是一个抽象类，继承它必须实现它的方法 其中getView()方法最重要。 当系统开始绘制ListView的时候，首先调用getCount()方法。得到它的返回值，即ListView的长度。然后系统调用getView()方法，根据这个长度逐一绘制Lis
Android初学之仿微信APP门户界面设计
雨落i的博客
10-04 2321
在Android Studio中进行仿微信APP门户界面的初步设计，实现了top、bottom导航栏的设计，及中间部分片段图层之间的隐藏与切换，最后实现了点击菜单的颜色切换问题。
网络请求 下拉刷新 block传值
sunlihuo的专栏
05-26 588
// // RootTableViewController.m // NetJSONCountry // // Created by sunlihuo on 15/5/26. // Copyright (c) 2015年 sunlihuo. All rights reserved. // #import "RootTableViewController.h" #import "Count
完美仿小米设置界面
10-29
完美仿小米设置圆角ListView，实现了自定义圆角ListView，自定义Item点击背景，自定义ScrollView实现边界反弹，解决与ListView显示冲突，去除边界蓝色渐变和边缘模糊效果。
android 自定义listview实现仿微信/QQ设置界面demo
06-21
android自定义listview实现仿微信/QQ设置界面的开发
android仿IOS7解锁界面
06-18
在这个项目中，我们将探讨如何使用Android SDK来创建一个模仿iOS 7解锁体验的应用，即"android仿IOS7解锁界面"。 首先，我们需要理解iOS 7的解锁机制。iOS 7的解锁界面主要包括一个滑动条，用户可以通过滑动来解锁...
android 仿ios数字密码解锁界面的实例
01-05
而我们在开发工程中，很多时候，都需要android和ios进行结合。有的时候我们就需要把我们的解锁界面弄成像ios一样的数字键盘。 这里我就实现了一个仿照ios的数字密码解锁界面。在这里我采用了两种方式来实现，第一种...
android 仿IOS 设置界面 漂亮 解决了不透明的BUG
03-22
1. **布局设计**：iOS界面通常以清晰、简洁的设计为主，因此在Android上，我们可以使用`CardView`或者自定义视图来模拟iOS的卡片式布局，通过设置合适的边距和内边距来增加空间感。 2. **圆角效果**：要实现圆角...
Android仿IOS10圆盘时间选择器
08-27
在Android开发中，为了提供与iOS相似的用户体验，有时我们需要创建一些特定的UI组件，比如仿iOS10的圆盘时间选择器。这个组件通常用于让用户便捷地选择时间，如设置闹钟、就寝时间等。本文将详细介绍如何在Android中...
仿IOS界面手势切换
08-19
这是个类似IOS侧滑返回的demo,运行非常流畅
高仿苹果界面
12-25
高仿苹果界面
高仿苹果主页导航栏(最新版),支持移动端
02-04
仿苹果官方网站导航栏，兼容IE,谷歌,火狐等主流浏览器
仿IOS的圆角设置界面。直接可用，单选多选等ATable_Demo(iOS风格设置).7z
07-12
仿IOS的圆角设置界面。直接可用，单选多选等ATable_Demo(iOS风格设置).7z
Android应用经典主界面框架之一:仿QQ (使用Fragment, 附源码)
热门推荐
yanzi1225627的专栏
06-14 11万+
最近反复研究日常经典必用的几个android app，从主界面带来的交互方式入手
Android仿QQ个人界面，抽屉布局 NavigationView使用详解
紫微星的博客
07-05 1300
Android仿QQ个人界面，抽屉布局 NavigationView使用详解
Android实现Material Design风格的设置页面（滑动开关控件）
手把手教你学安卓
02-29 1万+
前言本文链接 http://blog.csdn.net/never_cxb/article/details/50763271 转载请注明出处参考了这篇文章 Material Design 风格的设置页面 笔者对原文章做了3个改进： 把勾选框 改成了 Switch 的滑动开关，Material 更彻底 替换后的 SwitchCompat 与整个 Preference 点击事件联动，保存到Share
【iOS_GitHub】悬浮球/悬浮按钮/辅助按钮（类似于iOS系统自带的AssistiveTouch/京东/聚划算/等的辅助按钮）
Anticipte_91的博客
10-10 4010
Contents1.这是一个类似于iOS系统自带的AssistiveTouch/京东《我的》部分的辅助按钮 2.使用起来比较方便，只需导入 JhtFloatingBall.h 头文件即可 (1) 简单的初始化JhtFloatingBall *fb = [[JhtFloatingBall alloc] init]; UIImage *suspendedBallImage = [UIImage i
Android 高仿 IOS7 IPhone 解锁 Slide To Unlock 附源码
易水寒
11-30 5977
1. IPhone 解锁 效果图： 在最新的IOS7中，苹果更改了解锁方式，整个屏幕向右滑动都可以解锁，不再局限在一个小的矩形中。这种文字加亮移动的效果还是继承了下来。之前滑动最左边的滑块，中间文字会有渐变效果，这次文字会跟随着左边的小图标随着用户向左滑动。 滑动触发事件在苹果大致用在了3个地方，1.滑动解锁，2.滑动关机，3.手机处于锁住状态来电，滑动
安卓仿ios hotseat界面代码
最新发布
05-25
以下是一个简单的安卓仿iOS hotseat界面的示例代码： 1. 创建一个新的安卓项目。 2. 在`activity_main.xml`文件中添加以下代码： ```xml <RelativeLayout xmlns:android=...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值