Original Link: http://www.cnblogs.com/riasky/p/3483500.html
stay Smart TV TV Development - Communication between Client and Server Inside, we achieve simple communication between client and server. Next, we make a simple client interface to implement the mobile phone to operate the TV side of Smart TV.
1. Structural design of video storage
When we are working as a client, we usually need to store information about the video, structured as follows:
package com.jwzhangjie.smarttv_client.model;
import android.os.Parcel;
import android.os.Parcelable;
public class LiveModel implements Parcelable{
/**
* Database Location
*/
private int db_id;
/**
* id of live channel
*/
private int channel_id;
/**
* Name of live channel
*/
private String channel_name;
/**
* url of live channel
*/
private String icon_url;
/**
* Province of Live Channel
*/
private String province;
/**
* Live channel clarity
*/
private String mode;
/**
* Links to live channels
*/
private String url;
/**
* second_url of live channel
*/
private String second_url;
/**
* Type of live channel
*/
private String types;
public LiveModel(){
}
private LiveModel(Parcel parcel){
readFromParcel(parcel);
}
@Override
public int describeContents() {
return 0;
}
public void readFromParcel(Parcel parcel){
db_id = parcel.readInt();
channel_id = parcel.readInt();
channel_name = parcel.readString();
icon_url = parcel.readString();
province = parcel.readString();
mode = parcel.readString();
url = parcel.readString();
second_url = parcel.readString();
types = parcel.readString();
}
@Override
public void writeToParcel(Parcel dest, int flags) {
dest.writeInt(db_id);
dest.writeInt(channel_id);
dest.writeString(channel_name);
dest.writeString(icon_url);
dest.writeString(province);
dest.writeString(mode);
dest.writeString(url);
dest.writeString(second_url);
dest.writeString(types);
}
public static Creator<LiveModel> CREATOR = new Creator<LiveModel>() {
@Override
public LiveModel createFromParcel(Parcel source) {
return new LiveModel(source);
}
@Override
public LiveModel[] newArray(int size) {
return new LiveModel[size];
}
};
public int getDb_id() {
return db_id;
}
public void setDb_id(int db_id) {
this.db_id = db_id;
}
public int getChannel_id() {
return channel_id;
}
public void setChannel_id(int channel_id) {
this.channel_id = channel_id;
}
public String getChannel_name() {
return channel_name;
}
public void setChannel_name(String channel_name) {
this.channel_name = channel_name;
}
public String getIcon_url() {
return icon_url;
}
public void setIcon_url(String icon_url) {
this.icon_url = icon_url;
}
public String getProvince() {
return province;
}
public void setProvince(String province) {
this.province = province;
}
public String getMode() {
return mode;
}
public void setMode(String mode) {
this.mode = mode;
}
public String getUrl() {
return url;
}
public void setUrl(String url) {
this.url = url;
}
public String getSecond_url() {
return second_url;
}
public void setSecond_url(String second_url) {
this.second_url = second_url;
}
public String getTypes() {
return types;
}
public void setTypes(String types) {
this.types = types;
}
}
2. Database Design
Next, we design the database table with the following code:
package com.jwzhangjie.smarttv_client.db;
import android.content.Context;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteDatabase.CursorFactory;
import android.database.sqlite.SQLiteOpenHelper;
import android.os.Environment;
public class DBHelper extends SQLiteOpenHelper{
private static final String NAME = "tv_jie.sqlite";
public static final String DB_PATH = Environment.getExternalStorageDirectory() + "/";
private static final int DB_VERSION = 1;
public static final String LIVE_VIDEO="CREATE TABLE live_video " +
"('db_id' INTEGER PRIMARY KEY AUTOINCREMENT, 'channel_id' INTEGER," +
" 'channel_name' VARCHAR, 'icon_url' VARCHAR, 'province' VARCHAR, 'mode' VARCHAR, " +
"'url' VARCHAR, 'second_url' VARCHAR, 'types' VARCHAR)";
public DBHelper(Context context) {
super(context, DB_PATH + NAME, null, DB_VERSION);
}
public DBHelper(Context context, String name, CursorFactory factory,
int version) {
super(context, name, factory, version);
}
@Override
public void onCreate(SQLiteDatabase db) {
db.execSQL(LIVE_VIDEO);
}
@Override
public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {
db.execSQL("DROP TABLE IF live_video");
}
}
3. Call the database, insert data first, or broadcast live to get the number of live broadcasts
package com.jwzhangjie.smarttv_client.utils;
import java.io.Serializable;
import java.util.ArrayList;
import java.util.List;
import com.jwzhangjie.smarttv_client.db.DBHelper;
import com.jwzhangjie.smarttv_client.model.LiveVideoModel;
import android.content.ContentValues;
import android.content.Context;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
public class DBUtils implements Serializable{
private static final long serialVersionUID = 1L;
private static DBHelper mDBHelper;
public DBUtils(Context paramContext) {
mDBHelper = new DBHelper(paramContext);
}
public void close() {
if (mDBHelper != null) {
mDBHelper.close();
}
}
public void insertLiveVideo(LiveVideoModel liveModel){
SQLiteDatabase db = null;
try {
db = mDBHelper.getWritableDatabase();
ContentValues contentValues = new ContentValues();
contentValues.put("channel_id", liveModel.getChannel_id());
contentValues.put("channel_name", liveModel.getChannel_name());
contentValues.put("icon_url", liveModel.getIcon_url());
contentValues.put("province", liveModel.getProvince());
contentValues.put("mode", liveModel.getMode());
contentValues.put("url", liveModel.getUrl());
contentValues.put("second_url", liveModel.getSecond_url());
contentValues.put("types", liveModel.getTypes());
db.insertOrThrow("live_video", null, contentValues);
} catch (Exception e) {
e.printStackTrace();
}
}
/**
* Get the number of all live videos
* @return
*/
public int getMovieCount() {
SQLiteDatabase db = mDBHelper.getReadableDatabase();
Cursor cursor = db.rawQuery("SELECT count(*) FROM live_video", null);
cursor.moveToNext();
int coutn = cursor.getInt(0);
cursor.close();
db.close();
return coutn;
}
public List<LiveVideoModel> getLiveVideoModels(){
List<LiveVideoModel> listData = new ArrayList<LiveVideoModel>();
try {
SQLiteDatabase db = mDBHelper.getReadableDatabase();
Cursor cursor = db.rawQuery("SELECT * FROM live_video", null);
while (cursor.moveToNext()) {
LiveVideoModel mVideoModel = new LiveVideoModel();
mVideoModel.setDb_id(cursor.getInt(0));
mVideoModel.setChannel_id(cursor.getInt(1));
mVideoModel.setChannel_name(cursor.getString(2));
mVideoModel.setIcon_url(cursor.getString(3));
mVideoModel.setProvince(cursor.getString(4));
mVideoModel.setMode(cursor.getString(5));
mVideoModel.setUrl(cursor.getString(6));
mVideoModel.setSecond_url(cursor.getString(7));
mVideoModel.setTypes(cursor.getString(8));
listData.add(mVideoModel);
}
} catch (Exception e) {
e.printStackTrace();
}
return listData;
}
}
4. Display of client video data
This assumes that the database already has data and that the interface is simply a listView to display and customize an adapter
Design of Item in 4.1 ListView
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal" >
<ImageView
android:id="@+id/item_icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:scaleType="center"
android:layout_centerVertical="true"
android:src="@drawable/widget_progress_medium_rotation_image"
android:contentDescription="@string/app_name"
/>
<ImageView
android:id="@+id/arrow_right"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/arrow_right"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="10dip"
android:contentDescription="@string/app_name"
/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/item_icon"
android:layout_toLeftOf="@id/arrow_right"
android:orientation="vertical"
android:gravity="center_vertical"
android:layout_centerVertical="true"
android:layout_marginLeft="10dip"
>
<TextView
android:id="@+id/item_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="title"
/>
<TextView
android:id="@+id/item_subtitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="subtitle"
/>
</LinearLayout>
</RelativeLayout>
4.2 Network Picture Loading Method
The icons of the live channels involved here are all network pictures, so to load network pictures, I use an open source library of the network, com.nostra13.universalimageloader, which can be seen on a web search, so we need to configure some content to use it. First write a class that inherits Application, then set the name property of the Application in AndroidManifest.xml, as follows:
package com.jwzhangjie.smarttv_client.utils;
import com.nostra13.universalimageloader.cache.disc.naming.Md5FileNameGenerator;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;
import com.nostra13.universalimageloader.core.assist.QueueProcessingType;
import android.app.Application;
import android.content.Context;
public class SmartTV_App extends Application {
@Override
public void onCreate() {
super.onCreate();
initImageLoader(getApplicationContext());
}
public static void initImageLoader(Context context) {
ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(
context).threadPriority(Thread.NORM_PRIORITY - 2)
.denyCacheImageMultipleSizesInMemory()
.discCacheFileNameGenerator(new Md5FileNameGenerator())
.tasksProcessingOrder(QueueProcessingType.LIFO)
.writeDebugLogs() // Remove for release app
.build();
ImageLoader.getInstance().init(config);
}
}
4.3ListView's adapter design
package com.jwzhangjie.smarttv_client.adapter;
import java.util.List;
import com.jwzhangjie.smarttv_client.R;
import com.jwzhangjie.smarttv_client.model.LiveVideoModel;
import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import android.content.Context;
import android.graphics.Bitmap;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
public class LiveVideoAdapter extends BaseAdapter{
private LayoutInflater mInflater;
private List<LiveVideoModel> listDatas;
private ImageLoader imageLoader = ImageLoader.getInstance();
private DisplayImageOptions options;
public LiveVideoAdapter(Context context){
mInflater = LayoutInflater.from(context);
options = new DisplayImageOptions.Builder()
.showImageOnLoading(R.drawable.img_loading_bg)
.showImageForEmptyUri(R.drawable.img_loading_empty)
.showImageOnFail(R.drawable.img_loading_error)
.cacheInMemory(true)
.cacheOnDisc(true)
.bitmapConfig(Bitmap.Config.RGB_565)
.build();
}
public void updateListDatas(List<LiveVideoModel> listDatas){
this.listDatas = listDatas;
notifyDataSetChanged();
}
@Override
public int getCount() {
return listDatas == null ?0:listDatas.size();
}
@Override
public Object getItem(int position) {
return listDatas.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder viewHolder;
if (convertView == null) {
viewHolder = new ViewHolder();
convertView = mInflater.inflate(R.layout.item_live, null);
viewHolder.item_icon = (ImageView)convertView.findViewById(R.id.item_icon);
viewHolder.item_arrow = (ImageView)convertView.findViewById(R.id.arrow_right);
viewHolder.item_title = (TextView)convertView.findViewById(R.id.item_title);
viewHolder.item_subtitle = (TextView)convertView.findViewById(R.id.item_subtitle);
convertView.setTag(viewHolder);
}else {
viewHolder = (ViewHolder)convertView.getTag();
}
LiveVideoModel videoModel = listDatas.get(position);
viewHolder.item_title.setText(videoModel.getChannel_name());
viewHolder.item_subtitle.setText("Province:"+videoModel.getProvince());
imageLoader.displayImage(videoModel.getIcon_url(), viewHolder.item_icon, options);
return convertView;
}
class ViewHolder{
private ImageView item_icon;
private ImageView item_arrow;
private TextView item_title;
private TextView item_subtitle;
}
}
4.4 Main Interface Layout Design
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".Smart_TV_Client" >
<RelativeLayout
android:id="@+id/title"
android:layout_width="match_parent"
android:layout_height="60dip"
android:background="#d0d0d0"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Live interface testing"
android:layout_centerInParent="true"
android:textSize="16sp"
android:textStyle="bold"
/>
</RelativeLayout>
<ListView
android:id="@+id/listview"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@id/title"
android:cacheColorHint="#00000000"
android:divider="@drawable/cbox_uc_divider"
android:fadeScrollbars="false"
android:fastScrollEnabled="false"
android:focusable="true"
android:focusableInTouchMode="true"
android:scrollbars="none"
android:scrollingCache="false"
></ListView>
</RelativeLayout>
4.5 Main Interface Coding
This is the last step in this chapter, calling the database data, then passing the value to adapter, which appears on the listview
package com.jwzhangjie.smarttv_client;
import java.util.List;
import com.jwzhangjie.smarttv_client.adapter.LiveVideoAdapter;
import com.jwzhangjie.smarttv_client.model.LiveVideoModel;
import com.jwzhangjie.smarttv_client.utils.DBUtils;
import android.os.AsyncTask;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.Window;
import android.widget.ListView;
public class Smart_TV_Client extends Activity {
private ListView listView;
private LiveVideoAdapter adapter;
private DBUtils dbUtils;
private List<LiveVideoModel> listDatas;
@Override
protected void onCreate(Bundle savedInstanceState) {
requestWindowFeature(Window.FEATURE_NO_TITLE);
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_smart__tv__client);
dbUtils = new DBUtils(this);
initView();
loadData();
}
public void initView(){
adapter = new LiveVideoAdapter(this);
listView = (ListView)findViewById(R.id.listview);
listView.setAdapter(adapter);
}
public void loadData(){
new loadData().execute();
}
private class loadData extends AsyncTask<Void, Void, Void>{
@Override
protected Void doInBackground(Void... params) {
listDatas = dbUtils.getLiveVideoModels();
return null;
}
@Override
protected void onPostExecute(Void result) {
adapter.updateListDatas(listDatas);
super.onPostExecute(result);
}
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.smart__tv__client, menu);
return true;
}
}
5. Display effect
Reprinted at: https://www.cnblogs.com/riasky/p/3483500.html