当前位置:  编程技术>移动开发
本页文章导读:
    ▪可折叠内容块 data-role="collapsible&quot        可折叠内容块 data-role="collapsible" 可折叠内容块 data-role="collapsible" 要创建内容折叠块。首先,创建一个容器,并添加 data-role="collapsible" 属性。并且给此容器使用 data-content-theme 属性,为可折.........
    ▪ 写在20110915:ViewGroup跟View的触屏事件传递        写在20110915:ViewGroup和View的触屏事件传递 原生的Android系统中,主菜单页面是不支持图标的编辑功能的,在Launcher模块中有这样一个需求,需要实现主菜单的编辑功能,也就是要实现主菜单.........
    ▪ 【2013.07.16】关于自定义照相机照片尺寸设定和预览图片拉伸处理       【2013.07.16】关于自定义相机照片尺寸设定和预览图片拉伸处理 1.相机照片的尺寸只有几种固定的,2592×1936,2048×1536,1600×1200,1024×768,320×240等,这些尺寸还要物理设备支持才有。设置照.........

[1]可折叠内容块 data-role="collapsible&quot
    来源: 互联网  发布时间: 2014-02-18
可折叠内容块 data-role="collapsible"
可折叠内容块 data-role="collapsible"

要创建内容折叠块。首先,创建一个容器,并添加 data-role="collapsible" 属性。并且给此容器使用 data-content-theme 属性,为可折叠的内容块,进行主题样式设计。

其次,在容器中,添加任何头部区域的标题(h1-h6)或图例元素(egend element)。JQuery Mobile框架将样式化头部,使其看起来像一个可点击的按钮,并添加一个“+”图标左边表示它的膨胀。

最后,在头部区域后,添加任何HTML标记作为被折叠的内容区域。JQuery Mobile框架将把这个标记为包裹起来。当点击头部标题的时候,内容将被折叠隐藏或者显示出来。

默认情况下,内容是被折叠起来的。

<div data-role="collapsible">
  <h3>I'm a header</h3>
  <p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>
</div>


折叠起来的样式


点击被打开样式

  

展开折叠 data-collapsed="false"

默认情况下,可折叠容器是收缩的,可以通过通过点击头部展开。给容器添加 data-collapsed="false" 属性,可实现当加载页面的时候,折叠内容区域为展开样式。

<div data-role="collapsible" data-collapsed="false" >

  

取消圆角 data-inset="false"

默认情况下折叠区域有插图的外观(两头有圆角等)。若要让他们全屏宽度无角造型,给容器添加 data-inset="false" 属性。

<div data-role="collapsible" data-inset="false" >

  

迷你型 data-mini="true"

一个更紧凑的版本,在工具栏和紧空间是有用的,添加 data-mini="true" 属性即可

<div data-role="collapsible" data-mini="true" >

  

自定义图标 data-collapsed-icon

可折叠的标题的默认图标可以通过使用data-collapsed-icon和data-expanded-icon属性数据扩展。

在以下情况下,data-collapsed-icon="arrow-r"和data-expanded-icon="arrow-d"。

<div data-role="collapsible" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d">
	<h3>I have custom icons</h3>
	<p><code>data-collapsed-icon="arrow-r"</code> and <code>data-expanded-icon="arrow-d"</code></p>
</div>


展开前的效果


展开后的效果

  

图标定位 data-iconpos

默认情况下,图标位于左侧。但可是使用 data-iconpos 属性来自定义。下例子中,使用了data-iconpos="right"来自定义:

<div data-role="collapsible" data-iconpos="right">
	<h3>I'm a header</h3>
	<p><code>data-iconpos="right"</code></p>
</div>

  

折叠内容区的主题样式 data-content-theme

在可折叠的标题和内容之间,提供一个强大的视觉美化效果,给容器添加 data-content-theme 属性的和指定的主题样本的字母(如,a、b、c、d、e)。使内容块有:边界线和平坦的背景颜色(非渐变色)和底部圆角。使他们看起来像是一组。

<div data-role="collapsible" data-content-theme="c">
  <h3>Header</h3>
  <p>I'm the collapsible content with a themed content block set to "c".</p>
</div>


展开前的效果


展开后的效果

  

折叠标题区的主题样式 data-theme

设置在一个可折叠的主题标题按钮,添加 data-theme 属性的包装和指定一个样本的字母(如,a、b、c、d、e)。请注意,你可以分别设置标题和内容的这些主题匹配属性。

<div data-role="collapsible" data-theme="a" data-content-theme="a">
  <h3>Header swatch A</h3>
  <p>I'm the collapsible content with a themed content block set to "a".</p>
</div>
<div data-role="collapsible" data-theme="b" data-content-theme="b">
  <h3>Header swatch B</h3>
  <p>I'm the collapsible content with a themed content block set to "b".</p>
</div>


展开前的效果


展开后的效果

  

嵌套折叠区

根据需要折叠区可以彼此嵌套。在下面例子中,我们设置的内容主题提供清晰的视觉效果。

 

		<div data-role="collapsible" data-collapsed="false" data-theme="e" data-content-theme="c">
			<h3>I'm a header</h3>
			<p>I'm the collapsible content. By default I'm open and displayed on the page, but you can click the header to hide me.</p>
			
			<div data-role="collapsible" data-theme="c" data-content-theme="c">
				<h3>I'm a nested collapsible with a child collapsible</h3>
				<p>I'm a child collapsible.</p>
					<div data-role="collapsible" data-theme="d" data-content-theme="d">
						<h3>Nested inside again.</h3>
						<p>Three levels deep now.</p>
					</div><!-- /section 1A -->
			</div><!-- /section 1 -->
			
			<div data-role="collapsible" data-content-theme="c">
				<h3>Section 3: Form elements</h3>
				<form action="#" method="get">
					<div data-role="fieldcontain">
						<label for="textarea">Textarea:</label>
						<textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
					</div>
					<div data-role="fieldcontain">
						<label for="slider">Input slider:</label>
					 	<input type="range" name="slider" id="slider" value="0" min="0" max="100"  />
					</div>
					<fieldset >
							<div ><button type="submit" data-theme="c">Cancel</button></div>
							<div ><button type="submit" data-theme="b">Submit</button></div>	   
				    </fieldset>
				</form>
			</div><!-- /section 2 -->
			<div data-role="collapsible" data-content-theme="c">
				<h3>Section 4: Collapsed list</h3>
				<p>Here is an inset list:</p>
				<ul data-role="listview" data-inset="true" data-theme="d">
					<li><a href="/blog_article/index.html">Acura</a></li>
					<li><a href="/blog_article/index.html">Audi</a></li>
					<li><a href="/blog_article/index.html">BMW</a></li>
					<li><a href="/blog_article/index.html">Cadillac</a></li>
					<li><a href="/blog_article/index.html">Chrysler</a></li>
					<li><a href="/blog_article/index.html">Dodge</a></li>
					<li><a href="/blog_article/index.html">Ferrari</a></li>
					<li><a href="/blog_article/index.html">Ford</a></li>
				</ul>
			</div><!-- /section 3 -->
		</div>


展开前的效果


展开后的效果

转自:http://www.lampweb.org/jquerymobile/10/34.html


    
[2] 写在20110915:ViewGroup跟View的触屏事件传递
    来源: 互联网  发布时间: 2014-02-18
写在20110915:ViewGroup和View的触屏事件传递
原生的Android系统中,主菜单页面是不支持图标的编辑功能的,在Launcher模块中有这样一个需求,需要实现主菜单的编辑功能,也就是要实现主菜单中的应用程序图标能自定义位置,并能自由拖拽,通过点击可以直接卸载某应用程序等等,大家都知道,主菜单中的应用程序图标会响应点击事件,点击应用程序图标之后会进入对应的应用程序,那么要实现主菜单的编辑功能,必须先了解Android事件触发机制,最终实现图标的拖拽和位置的自定义排序。
首先,先了解由于触摸(Touch)而触发的事件。 Android的事件:onClick, onScroll, onFling等等,都是由许多个Touch组成的。但是他们有一些主要的特征,其中Touch的第一个状态肯定是ACTION_DOWN, 表示按下了屏幕。之后,touch将会有后续事件,可能是:
ACTION_MOVE //表示为移动手势
ACTION_UP //表示为离开屏幕
ACTION_CANCEL //表示取消手势,不会由用户产生,而是由程序产生的
一个Action_DOWN, n个ACTION_MOVE, 1个ACTION_UP,就构成了Android中众多的事件。
在Android中,有一类控件是中还可以包含其他的子控件,这类控件是继承于ViewGroup类,例如:ListView, Gallery, GridView。 还有一类控件是不能再包含子控件,例如:TextView。
本文的主要讨论对象就是ViewGroup类的控件嵌套时事件触发情况。
对于ViewGroup类的控件,有一个很重要的方法,就是onInterceptTouchEvent(),用于处理事件并改变事件的传递方向,它的返回值是一个布尔值,决定了Touch事件是否要向它包含的子View继续传递,这个方法是从父View向子View传递。
而方法onTouchEvent(),用于接收事件并处理,它的返回值也是一个布尔值,决定了事件及后续事件是否继续向上传递,这个方法是从子View向父View传递。
touch事件在 onInterceptTouchEvent()和onTouchEvent以及各个childView间的传递机制完全取决于onInterceptTouchEvent()和onTouchEvent()的返回值。返回值为true表示事件被正确接收和处理了,返回值为false表示事件没有被处理,将继续传递下去。
ACTION_DOWN事件会传到某个ViewGroup类的onInterceptTouchEvent,如果返回false,则DOWN事件继续向子ViewGroup类的onInterceptTouchEvent传递,如果子View不是ViewGroup类的控件,则传递给它的onTouchEvent。 如果onInterceptTouchEvent返回了true,则DOWN事件传递给它的onTouchEvent,不再继续传递,并且之后的后续事件也都传递给它的onTouchEvent。如果某View的onTouchEvent返回了false,则DOWN事件继续向其父ViewGroup类的onTouchEvent传递;如果返回了true,则后续事件会直接传递给其onTouchEvent继续处理。(后续事件只会传递给对于必要事件ACTION_DOWN返回了true的onTouchEvent)
总结一下就是:onInterceptTouchEvent可以接受到所有的Touch事件,而onTouchEvent则不一定。
    上面的描述可能看得有些糊涂了,下面再仔细看看整个MotionEvent事件在onInterceptTouchEvent()、onTouchEvent()中的传递顺序 。
    onInterceptTouchEvent()用于处理事件并改变事件的传递方向。处理事件这个不用说了,你在函数内部编写代码处理就可以了。而决定传递方向的是返回值,返回为false时事件会传递给子控件的onInterceptTouchEvent();返回值为true时事件会传递给当前控件的onTouchEvent(),而不在传递给子控件,这就是所谓的Intercept(截断)。
onTouchEvent() 用于处理事件,返回值决定当前控件是否消费(consume)了这个事件。可能你要问是否消费了又区别吗,反正我已经针对事件编写了处理代码?答案是有区别!比如ACTION_MOVE或者ACTION_UP发生的前提是一定曾经发生了ACTION_DOWN,如果你没有消费ACTION_DOWN,那么系统会认为ACTION_DOWN没有发生过,所以ACTION_MOVE或者ACTION_UP就不能被捕获。
看看下面的实例就更加清楚了。
<?xml version="1.0" encoding="utf-8"?>
<com.touchstudy.LayoutView1 xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
    <com.touchstudy.LayoutView2
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:gravity="center">
       <com.touchstudy.MyTextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/tv"
            android:text="TEST"
            android:textSize="40sp"
            android:text
            android:background="#FFFFFF"
            android:textColor="#0000FF"/>
   </com.touchstudy.LayoutView2>
</com.touchstudy.LayoutView1>
在没有重写onInterceptTouchEvent()和onTouchEvent()的情况下(他们的返回值都是false), 对上面这个布局,MotionEvent事件的传递顺序如下:

LayoutView1(onInterceptTouchEvent())->LayoutView2(onInterceptTouchEvent())->MyTextView(onTouchEvent())->LayoutView2(onTouchEvent())->LayoutView1(onTouchEvent())

当某个控件的onInterceptTouchEvent()返回值为true时,就会发生截断,事件被传到当前控件的onTouchEvent()。如我们将LayoutView2的onInterceptTouchEvent()返回值为true,则传递流程变成:
LayoutView1(onInterceptTouchEvent())->LayoutView2(onInterceptTouchEvent())->LayoutView2(onTouchEvent())->LayoutView1(onTouchEvent())


如果我们同时将LayoutView2的onInterceptTouchEvent()和onTouchEvent()设置成true,那么LayoutView2将消费被传递的事件,同时后续事件(如跟着ACTION_DOWN的ACTION_MOVE或者ACTION_UP)会直接传给LayoutView2的onTouchEvent(),不传给其他任何控件的任何函数。同时传递给子控件一个ACTION_CANCEL事件。传递流程变成(图中没有画出ACTION_CANCEL事件):
LayoutView1(onInterceptTouchEvent())->LayoutView2(onInterceptTouchEvent())->LayoutView2(onTouchEvent())
           
由于onInterceptTouchEvent()的机制比较复杂,上面的说明写的也比较复杂,总结一下,基本的规则是:
1.  down事件首先会传递到onInterceptTouchEvent()方法
2.  如果该ViewGroup的onInterceptTouchEvent()在接收到down事件处理完成之后return false,那么后续的move, up等事件将继续会先传递给该ViewGroup,之后才和down事件一样传递给最终的目标view的onTouchEvent()处理。
3.  如果该ViewGroup的onInterceptTouchEvent()在接收到down事件处理完成之后return true,那么后续的move, up等事件将不再传递给onInterceptTouchEvent(),而是和down事件一样传递给该ViewGroup的onTouchEvent()处理,注意,目标view将接收不到任何事件。
4.  如果最终需要处理事件的view的onTouchEvent()返回了false,那么该事件将被传递至其上一层次的view的onTouchEvent()处理。
5.  如果最终需要处理事件的view 的onTouchEvent()返回了true,那么后续事件将可以继续传递给该view的onTouchEvent()处理。
下面附上该事件传递流程的源代码,源代码其实很简单,如下。
主Activity: InterceptTouchStudyActivity.java:
public class InterceptTouchStudyActivity extends Activity {
    static final String TAG = "ITSActivity";
    TextView tv;
 
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.layers_touch_pass_test);
     }
}

LayoutView1.java:
      public class LayoutView1 extends LinearLayout {
    private final String TAG = "LayoutView1";
      public LayoutView1(Context context, AttributeSet attrs) {
         super(context, attrs);
         Log.d(TAG,TAG);
     }

     @Override
     public boolean onInterceptTouchEvent(MotionEvent ev) {
         int action = ev.getAction();
         switch(action){
         case MotionEvent.ACTION_DOWN:
              Log.d(TAG,"onInterceptTouchEvent action:ACTION_DOWN");
//            return true;
              break;
         case MotionEvent.ACTION_MOVE:
              Log.d(TAG,"onInterceptTouchEvent action:ACTION_MOVE");
              break;
         case MotionEvent.ACTION_UP:
              Log.d(TAG,"onInterceptTouchEvent action:ACTION_UP");
              break;
         case MotionEvent.ACTION_CANCEL:
              Log.d(TAG,"onInterceptTouchEvent action:ACTION_CANCEL");
              break;
         }
         return false;
     }

     @Override
     public boolean onTouchEvent(MotionEvent ev) {
         int action = ev.getAction();
         switch(action){
         case MotionEvent.ACTION_DOWN:
              Log.d(TAG,"onTouchEvent action:ACTION_DOWN");
              break;
         case MotionEvent.ACTION_MOVE:
              Log.d(TAG,"onTouchEvent action:ACTION_MOVE");
              break;
         case MotionEvent.ACTION_UP:
              Log.d(TAG,"onTouchEvent action:ACTION_UP");
              break;
         case MotionEvent.ACTION_CANCEL:
              Log.d(TAG,"onTouchEvent action:ACTION_CANCEL");
              break;
         }
         return true;
     }

     @Override
     protected void onLayout(boolean changed, int l, int t, int r, int b) {
         // TODO Auto-generated method stub
         super.onLayout(changed, l, t, r, b);
     }

     @Override
     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
         // TODO Auto-generated method stub
         super.onMeasure(widthMeasureSpec, heightMeasureSpec);
     }
}

LayoutView2.java:
public class LayoutView2 extends LinearLayout {
    private final String TAG = "LayoutView2";
    public LayoutView2(Context context, AttributeSet attrs) {
       super(context, attrs);
       Log.d(TAG,TAG);
}

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
       int action = ev.getAction();
       switch(action){
       case MotionEvent.ACTION_DOWN:
           Log.d(TAG,"onInterceptTouchEvent action:ACTION_DOWN");
           break;
       case MotionEvent.ACTION_MOVE:
           Log.d(TAG,"onInterceptTouchEvent action:ACTION_MOVE");
           break;
       case MotionEvent.ACTION_UP:
           Log.d(TAG,"onInterceptTouchEvent action:ACTION_UP");
           break;
       case MotionEvent.ACTION_CANCEL:
           Log.d(TAG,"onInterceptTouchEvent action:ACTION_CANCEL");
           break;
       }
       return false;
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
       int action = ev.getAction();
       switch(action){
       case MotionEvent.ACTION_DOWN:
           Log.d(TAG,"onTouchEvent action:ACTION_DOWN");
           break;
       case MotionEvent.ACTION_MOVE:
           Log.d(TAG,"onTouchEvent action:ACTION_MOVE");
           break;
       case MotionEvent.ACTION_UP:
           Log.d(TAG,"onTouchEvent action:ACTION_UP");
           break;
       case MotionEvent.ACTION_CANCEL:
           Log.d(TAG,"onTouchEvent action:ACTION_CANCEL");
           break;
       }
       return true;
    }
}

MyTextView.java:
public class MyTextView extends TextView {
    private final String TAG = "MyTextView";
    public MyTextView(Context context, AttributeSet attrs) {
       super(context, attrs);
       Log.d(TAG,TAG);
    }
    @Override
    public boolean onTouchEvent(MotionEvent ev) {
       int action = ev.getAction();
       switch(action){
       case MotionEvent.ACTION_DOWN:
           Log.d(TAG,"onTouchEvent action:ACTION_DOWN");
           break;
       case MotionEvent.ACTION_MOVE:
           Log.d(TAG,"onTouchEvent action:ACTION_MOVE");
           break;
       case MotionEvent.ACTION_UP:
           Log.d(TAG,"onTouchEvent action:ACTION_UP");
           break;
       case MotionEvent.ACTION_CANCEL:
           Log.d(TAG,"onTouchEvent action:ACTION_CANCEL");
           break;
       }
       return false;
    }
    public void onClick(View v) {
       Log.d(TAG, "onClick");
    }
    public boolean onLongClick(View v) {
       Log.d(TAG, "onLongClick");
       return false;
    }
}

    
[3] 【2013.07.16】关于自定义照相机照片尺寸设定和预览图片拉伸处理
    来源: 互联网  发布时间: 2014-02-18
【2013.07.16】关于自定义相机照片尺寸设定和预览图片拉伸处理

1.相机照片的尺寸只有几种固定的,2592×1936,2048×1536,1600×1200,1024×768,320×240等,这些尺寸还要物理设备支持才有。设置照片的尺寸(当然要设备支持),在给相机的参数设置中去设定。

 

2.自定义相机时照片预览拉伸。因为照片的尺寸跟自定义的SurfaceView比例不同的原因。先设置照片的尺寸,再根据照片的尺寸去设置预览的尺寸。

 

@Override
	public void surfaceChanged(SurfaceHolder holder, int format, int width,
			int height) {

		Parameters parameters = camera.getParameters();// 获得相机参数
		parameters.setPictureSize(1024, 768);
		Size size = parameters.getPictureSize();
		double w = size.width;
		double h = size.height;

		if (width > height) {
			this.setLayoutParams(new LinearLayout.LayoutParams(
					(int) (height * (w / h)), height));
		} else {
			this.setLayoutParams(new LinearLayout.LayoutParams(width,
					(int) (width * (h / w))));
		}
		parameters.setPreviewSize(width, height); // 设置预览图像大小
		parameters.setPictureFormat(PixelFormat.JPEG); // 设置照片格式

		camera.setParameters(parameters);// 设置相机参数
		camera.startPreview();
	}

 

 

遇到setParameters failed 错误,是因为自定义SurfaceView控件的宽和高设置成了固定的大小,设置成wrap_content才行

 

    <com.saya.CameraView
        android:id="@+id/cameraView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
    </com.saya.CameraView>

 

 

 

 

 

传送门:http://www.devdiv.com/android_camera_-blog-67600-6759.html


    
最新技术文章:
▪Android开发之登录验证实例教程
▪Android开发之注册登录方法示例
▪Android获取手机SIM卡运营商信息的方法
java/j2ee iis7站长之家
▪Android发送短信功能代码
▪Android根据电话号码获得联系人头像实例代码
▪Android中GPS定位的用法实例
▪Android实现退出时关闭所有Activity的方法
▪Android实现文件的分割和组装
▪Android录音应用实例教程
▪Android双击返回键退出程序的实现方法
▪Android实现侦听电池状态显示、电量及充电动...
▪Android获取当前已连接的wifi信号强度的方法
▪Android实现动态显示或隐藏密码输入框的内容
▪根据USER-AGENT判断手机类型并跳转到相应的app...
▪Android Touch事件分发过程详解
▪Android中实现为TextView添加多个可点击的文本
▪Android程序设计之AIDL实例详解
▪Android显式启动与隐式启动Activity的区别介绍
▪Android按钮单击事件的四种常用写法总结
▪Android消息处理机制Looper和Handler详解
▪Android实现Back功能代码片段总结
▪Android实用的代码片段 常用代码总结
▪Android实现弹出键盘的方法
▪Android中通过view方式获取当前Activity的屏幕截...
▪Android提高之自定义Menu(TabMenu)实现方法
▪Android提高之多方向抽屉实现方法
▪Android提高之MediaPlayer播放网络音频的实现方法...
▪Android提高之MediaPlayer播放网络视频的实现方法...
▪Android提高之手游转电视游戏的模拟操控
 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2021,,E-mail:www_#163.com(请将#改为@)

浙ICP备11055608号-3