来源: 互联网  发布时间: 2014-02-18

史上最全的Sencha Touch 1.1培训教程

Sencha Touch 1.1培训教程索引页

第一章 移动应用现状
第二章 Sencha Touch框架的介绍 
第三章 Sencha Touch第一个例子 
第四章 Sencha Touch布局介绍 
第五章 Sencha Touch表单
第六章 数据的获取
第七章 总结

    

    来源: 互联网  发布时间: 2014-02-18

根据公司项目~搭建开发的框架（二）

 

 

• SharedPreferences 以XML格式存储数据，存数格式是键值对
• Sqlite Android内置的数据库，一般使用的时候继承SQLiteOpenHelper，CRUD的常规操作一般写在里面

public class DbHelper extends SQLiteOpenHelper { 


       private static final String DB_NAME = "mydb"; 
       public static final String TB_PERSON = "person"; 
       private static final int VERSION = 1; 
       private static final String CREATE_TABLE_PERSON = "create table  person (_id integer primary key           autoincrement, name text,age integer)"; 
       private Context mContext; 
       private SQLiteDatabase database; 


       public DbHelper(Context context) { 
              //固定版本号，创建数据库
              super(context, DB_NAME, null, VERSION); 
              //获取一个用于操作数据库的SQLiteDatabase实例,有读写的权限
              this.database = getWritableDatabase(); 
              this.mContext = context; 
       }


       @Override 
       public void onCreate(SQLiteDatabase db) { 
              // TODO Auto-generated method stub 


       }


       @Override 
       public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) { 
              // TODO Auto-generated method stub 


       }


       private void createTable(String str, SQLiteDatabase db) { 
              StringBuffer sqlStr = new StringBuffer(); 
              sqlStr.append(str);
              db.execSQL(sqlStr.toString());
       }


       public void open() { 
              //存储一个值用于判断表是否已经创建
              SharedPreferences prefer = ((Activity)mContext).getSharedPreferences("setting", 0); 
              boolean isCreateTable = prefer.getBoolean("iscreatetable", false); 
              if(!isCreateTable){   
               //调用创建表的方法      
                     createTable(CREATE_TABLE_PERSON, database);                           
                     Editor editor = prefer.edit();
                     editor.putBoolean("iscreatetable", true); 
                     editor.commit();
              }
       }


       public void insert(String tableName, ContentValues cv) { 
              database.insert(tableName, null, cv); 
       }


       public void delete(String tableName, String id) { 
              StringBuffer sqlStr = new StringBuffer(); 
              sqlStr.append("delete from "); 
              sqlStr.append(tableName);
              sqlStr.append(" where id=" + id); 
              database.execSQL(sqlStr.toString()); 
       }


       public void delete(String tableName, String columnName, String columnValue) { 
              StringBuffer sqlStr = new StringBuffer(); 
              sqlStr.append("delete from "); 
              sqlStr.append(tableName);
              sqlStr.append(" where " + columnName + "=" + columnValue); 
              database.execSQL(sqlStr.toString()); 
       }


       public void updateById(String tableName, String id, ContentValues cv) { 
              database.update(tableName, cv, "id = ?", new String[] { id }); 
       }


       public Cursor query(String table, String[] columns, String selection, 
                     String[] selectionArgs, String groupBy, String having,
                     String orderBy, String limit) {
              return database.query(table, columns, selection, selectionArgs, 
                           groupBy, having, orderBy);
       }


       public void closeDataBase() { 
              database.close(); 
       }


       public Context getmContext() { 
              return mContext; 
       }
}

 

    

    来源: 互联网  发布时间: 2014-02-18

【so easy~】完全仿QQ好友列表，自定义ExpandableListView！

最近，需要做一个可展开的listview，不禁想起了ExpandableListView。但是，在写了一个简单的例子后，发现了问题：

 

ExpandableListView是又多个childList组成的。

当展开的childList过长，又需要打开其他的list时，用户只能先滚动到最上面关掉这个childList，才可能打开其他的childlist！

 

这样的用户体验很差。iPhone做的就很不错，QQ的好友列表顶端 也有类似的导航，显示当前gruop的标签，并且点击就可以关闭当前组，十分方便！

http://androiddada.iteye.com/

 

好了，今天就模仿做了这个，直接上图：

 

 

下面是页面的布局（其他无用的布局我已经去掉了）：

 

 

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

    
    <FrameLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >

        <com.customWidget.QExListView
            android:choiceMode="singleChoice"
            android:id="@+id/home_expandableListView"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_below="@id/head_line"
            android:cacheColorHint="#00000000"
            android:childDivider="@drawable/list_divider_line"
            android:divider="@drawable/list_divider_line"
            android:dividerHeight="1dip"
            android:fadingEdge="none"
            android:groupIndicator="@null" />
    </FrameLayout>

</LinearLayout>

 这里要说明的是：他的父控件一定要为FrameLayout。因为需要添加在ExpandableListView上层的小导航条！

 

下面是自定义组件QExListView 代码：

 

 

public class QExListView extends ExpandableListView implements OnScrollListener {



	@Override
	public void setAdapter(ExpandableListAdapter adapter) {
		// TODO Auto-generated method stub
		super.setAdapter(adapter);
	}


	private LinearLayout _groupLayout;
	public int _groupIndex = -1;

	/**
	 * @param context
	 */
	public QExListView(Context context) {
		super(context);
		super.setOnScrollListener(this);
	}

	/**
	 * @param context
	 * @param attrs
	 */
	public QExListView(Context context, AttributeSet attrs) {
		super(context, attrs);
		super.setOnScrollListener(this);
	}

	/**
	 * @param context
	 * @param attrs
	 * @param defStyle
	 */
	public QExListView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		super.setOnScrollListener(this);
	}

	@Override
	public void onScroll(AbsListView view, int firstVisibleItem,
			int visibleItemCount, int totalItemCount) {

		if (_exAdapter == null)
			_exAdapter = this.getExpandableListAdapter();

		int ptp = view.pointToPosition(0, 0);
		if (ptp != AdapterView.INVALID_POSITION) {
			QExListView qExlist = (QExListView) view;
			long pos = qExlist.getExpandableListPosition(ptp);
			int groupPos = ExpandableListView.getPackedPositionGroup(pos);
			int childPos = ExpandableListView.getPackedPositionChild(pos);

			
			if (childPos < 0) {
				groupPos = -1;
			}
			if (groupPos < _groupIndex) {

				_groupIndex = groupPos;
				
				if (_groupLayout != null){
					_groupLayout.removeAllViews();
					_groupLayout.setVisibility(GONE);//这里设置Gone 为了不让它遮挡后面header
				}
			} else if (groupPos > _groupIndex) {
				final FrameLayout fl = (FrameLayout) getParent();
				_groupIndex = groupPos;
				if (_groupLayout != null)
				fl.removeView(_groupLayout);

				_groupLayout = (LinearLayout) getExpandableListAdapter()
						.getGroupView(groupPos, true, null, null);
				_groupLayout.setOnClickListener(new OnClickListener() {

					@Override
					public void onClick(View v) {
						collapseGroup(_groupIndex);
						Home_Act._viewHandler.post(new Runnable() {
							@Override
							public void run() {
								// TODO Auto-generated method stub
								fl.removeView(_groupLayout);
								fl.addView(_groupLayout, new LayoutParams(
										LayoutParams.FILL_PARENT, 50));
							}
						});
					}
				});
				
				
				fl.addView(_groupLayout,fl.getChildCount(), new LayoutParams(
						LayoutParams.FILL_PARENT, 50));

			}
		}
	}

	
	@Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {
	}

}

 

所用的adapter与ExpandableListView一样，这里就不赘述了。

 

大家可以试试，如果发现有bug 可以留言！

 

http://androiddada.iteye.com/