Department of famous door Android (7) - Control (View)

Department of famous door Android (7) - Control (View) of ZoomControls, Include, VideoView, WebView, RatingBar, Tab, Spinner, Chronometer, ScrollView

Describes the use of various controls in the Android (View)
ZoomControls - Zoom in / out button control
Include - Integrated control
VideoView - video playback controls
WebView - Browser Control
RatingBar - rate control
Tab - Tab Control
Spinner - the drop-down box control
Chronometer - Timer Control
ScrollView - scroll bar controls

1.ZoomControls   The  Demo
zoomcontrols.xml 

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

    <!--
          Zoom in / out button control  
    -->
    <ZoomControls android:id="@+id/zoomControls"
        android:layout_width="wrap_content" android:layout_height="wrap_content"></ZoomControls>

</LinearLayout>


_ZoomControls.java

  Code   
package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Toast;
import android.widget.ZoomControls;

public class _ZoomControls extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.zoomcontrols);

        setTitle("ZoomControls");

        ZoomControls zoomControls = (ZoomControls) this.findViewById(R.id.zoomControls);
        // setOnZoomInClickListener() -   Click the Zoom button event response  
        zoomControls.setOnZoomInClickListener(new OnClickListener() {
            public void onClick(View v) {
                Toast.makeText(_ZoomControls.this, "  Click the zoom button  ", Toast.LENGTH_SHORT).show();
            }
        });
        
        // setOnZoomOutClickListener() -   Click the button to respond to events that reduce  
        zoomControls.setOnZoomOutClickListener(new OnClickListener() {
            public void onClick(View v) {
                Toast.makeText(_ZoomControls.this, "  Click the Zoom out button  ", Toast.LENGTH_SHORT).show();    
            }
        });

    }
}



2.Include   The  Demo
include.xml

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

    <!--
        include -   Integration of control, the specified   layout   Integration came  
            layout -   Specify integration   layout
    -->
    <include android:id="@+id/cell1" layout="@layout/include_1" />
    <include android:id="@+id/cell2" android:layout_width="fill_parent" layout="@layout/include_2" />

</LinearLayout>


include_1.xml

  Code   
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:text="TextView01" android:layout_width="wrap_content"
    android:layout_height="wrap_content">
</TextView>



include_2.xml

  Code   
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:text="TextView02" android:layout_width="wrap_content"
    android:layout_height="wrap_content">
</TextView>


_Include.java

  Code   
package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;

public class _Include extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.include);

        setTitle("Include");
    }
}



3.VideoView   The  Demo
videoview.xml

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

    <!--
        VideoView -   Video playback controls  
    -->
    <VideoView android:id="@+id/videoView" android:layout_width="wrap_content"
        android:layout_height="wrap_content">
    </VideoView>
        
</LinearLayout>


_VideoView.java 
  Code   
package com.webabcd.view;

import android.app.Activity;
import android.net.Uri;
import android.os.Bundle;
import android.widget.MediaController;
import android.widget.VideoView;

public class _VideoView extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.videoview);

        setTitle("VideoView");
        
        VideoView videoView = (VideoView) findViewById(R.id.videoView);
        
        //   Specifies the address of the video player  
        videoView.setVideoURI(Uri.parse("android.resource://com.webabcd.view/" + R.raw.demo));
        // videoView.setVideoPath();
         
        //   Setting the player control bar  
        videoView.setMediaController(new MediaController(this));
        //   Start playing video  
        videoView.start();
    }
}



4.WebView   The  Demo
webview.xml

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

    <!--
        WebView -   Browser Control  (WebKit   Kernel  )
    -->
    <WebView android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:id="@+id/webView" />
        
</LinearLayout>


_WebView.java

  Code   
package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;

public class _WebView extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.webview);

        setTitle("WebView");
        
        WebView webView = (WebView) findViewById(R.id.webView);

        //   Configure the browser so that it can support   JavaScript
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        
        //   Clear your browser cache  
        webView.clearCache(true);
        //   Specify the browser to parse the url address  
        webView.loadUrl("http://webabcd.cnblogs.com/");
        //   Specify the browser to parse the html data  
        // webView.loadData("<a href='http://webabcd.cnblogs.com/'>webabcd</a>", "text/html", "utf-8");
    }
}



5.RatingBar   The  Demo
ratingbar.xml

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

    <!--
        RatingBar -   Rated control  
            numStars -   The number of stars rating control  
            rating -   The value of the current rating      
    -->
    <RatingBar android:id="@+id/ratingBar" android:numStars="5"
        android:rating="1.5" android:layout_width="wrap_content"
        android:layout_height="wrap_content">
    </RatingBar>

    <TextView android:id="@+id/textView" android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>


_RatingBar.java

  Code   
package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;
import android.widget.RatingBar;
import android.widget.TextView;

public class _RatingBar extends Activity implements RatingBar.OnRatingBarChangeListener {

    private RatingBar mRatingBar;
    private TextView mTextView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.ratingbar);

        setTitle("RatingBar");

        mTextView = (TextView) findViewById(R.id.textView);
        mRatingBar = (RatingBar) findViewById(R.id.ratingBar);

        // setOnRatingBarChangeListener() -   Score value changes in response to events  
        mRatingBar.setOnRatingBarChangeListener(this);
    }

    @Override
    public void onRatingChanged(RatingBar ratingBar, float rating,
            boolean fromUser) {
        mTextView.setText(String.valueOf(rating));
    }
}



6.Tab   The  Demo
tab.xml

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

    <!-- Tab 1   Content   -->
    <TextView android:id="@+id/view1" android:layout_width="fill_parent"
        android:layout_height="fill_parent" android:text="tab1 content" />
        
    <!-- Tab 2   Content   -->
    <TextView android:id="@+id/view2" android:layout_width="fill_parent"
        android:layout_height="fill_parent" android:text="tab2 content" />

</FrameLayout>


_Tab.java

  Code   
package com.webabcd.view;

import android.app.TabActivity;
import android.content.Intent;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.widget.TabHost;

//   Tab function to achieve something to inherit   TabActivity
public class _Tab extends TabActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);

        TabHost tabHost = getTabHost();
        LayoutInflater.from(this).inflate(R.layout.tab, tabHost.getTabContentView(), true);

        // Tab 1   Content  
        tabHost.addTab(tabHost.newTabSpec("tab1")
                .setIndicator("tab1")
                .setContent(R.id.view1));
        
        // Tab 2   Content  (  Setting the Tab picture  )
        tabHost.addTab(tabHost.newTabSpec("tab2")
                .setIndicator("tab2", getResources().getDrawable(R.drawable.icon01))
                .setContent(R.id.view2));
        
        // Tab 3   Content  (  Set the contents of the specified Tab   Activity)
        tabHost.addTab(tabHost.newTabSpec("tab3")
                .setIndicator("tab3")
                .setContent(new Intent(this, _TextView.class)));

    }
}



7.Spinner   The  Demo
spinner.xml

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

    <TextView android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:id="@+id/textView" />

    <!--
        Spinner -   Drop-down box control  
    -->        
    <Spinner android:id="@+id/spinner" android:layout_width="fill_parent"
        android:layout_height="wrap_content" />

</LinearLayout>


_Spinner.java

  Code   
package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.TextView;

public class _Spinner extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.spinner);

        setTitle("Spinner");

        Spinner spinner = (Spinner) findViewById(R.id.spinner);
        
        //   Set the title text drop-down box control  
        spinner.setPrompt("  Please select  ");
        //  Instance of the adapter, specify the display format and data source  
        ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(
                this, R.array.colors, android.R.layout.simple_spinner_item);
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        spinner.setAdapter(adapter);

        // setOnItemSelectedListener() -   Drop-down box to select the value of the response to change events  
        spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> arg0, View arg1,
                    int arg2, long arg3) {
                TextView textView = (TextView)_Spinner.this.findViewById(R.id.textView);
                textView.setText(((TextView)arg1).getText());
            }

            @Override
            public void onNothingSelected(AdapterView<?> arg0) {
                                
            }
        });
    }
}



8.Chronometer   The  Demo
chronometer.xml

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

    <!--
        Chronometer -   Timer control  
    -->
    <Chronometer android:id="@+id/chronometer"
        android:layout_width="wrap_content" android:layout_height="wrap_content" />

    <Button android:id="@+id/btnStart" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:text="  Start time  ">
        <requestFocus />
    </Button>

    <Button android:id="@+id/btnStop" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:text="  Stop the clock  ">
    </Button>

    <Button android:id="@+id/btnReset" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:text="  Timer reset  ">
    </Button>

</LinearLayout>


_Chronometer.java

  Code   
package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;
import android.os.SystemClock;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.Chronometer;

public class _Chronometer extends Activity {

    private Chronometer mChronometer;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.chronometer);

        setTitle("Chronometer");

        Button button;

        mChronometer = (Chronometer) findViewById(R.id.chronometer);
        //   Set the timer shows the time format  
        mChronometer.setFormat("  Time  :(%s)");
        
        button = (Button) findViewById(R.id.btnStart);
        button.setOnClickListener(mStartListener);

        button = (Button) findViewById(R.id.btnStop);
        button.setOnClickListener(mStopListener);

        button = (Button) findViewById(R.id.btnReset);
        button.setOnClickListener(mResetListener);
    }

    View.OnClickListener mStartListener = new OnClickListener() {
        public void onClick(View v) {
            //   Start timer  
            mChronometer.start();
        }
    };

    View.OnClickListener mStopListener = new OnClickListener() {
        public void onClick(View v) {
            //   Pause timer  
            mChronometer.stop();
        }
    };

    View.OnClickListener mResetListener = new OnClickListener() {
        public void onClick(View v) {
            //   Reset the timer, which stops the timer  
            mChronometer.setBase(SystemClock.elapsedRealtime());
        }
    };
}



9.ScrollView   The  Demo 
scrollview.xml

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

    <!--
        ScrollView -   Scroll bar control  
            scrollbarStyle -   The style of scroll bar  
    -->
    <ScrollView android:id="@+id/scrollView"
        android:layout_width="fill_parent" android:layout_height="200px"
        android:scrollbarStyle="outsideOverlay" android:background="@android:drawable/edit_text">
        <TextView android:layout_width="fill_parent"
            android:layout_height="wrap_content" android:id="@+id/textView" />
    </ScrollView>

</LinearLayout>


_ScrollView.java

  Code   
package com.webabcd.view;

import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;

public class _ScrollView extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.scrollview);

        setTitle("ScrollView");

        TextView textView = (TextView)this.findViewById(R.id.textView);
        textView.setText("a\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na");
    }
}

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Recent

• sql domain default value
• jquery datatables timeout
• javascript remove bom replace
• jasperreport library json jrdatasource
• IBMJSSE2 no such provider
• hibernate single session web.xml
• linux json package
• What is java keyword
• easyui demo file upload src
• java byte to excel

Recent Entries

• Javascript random integer
• IE6 issue of non-submission of Form.submit
• Form with jstl c tags change color
• ORA-01950: tablespace 'USERS' No Permissions
• js linkage other provinces
• Keys of the UDP Delphi2010 the Indy chapter
• Linux (ubuntu) vi commonly used commands
• Baidu a document questions (seeking plastic contains a number of n)
• IE_javascript_debugger
• Cloud storage of Dropbox Posts

Tag Cloud

Random Entries

• struts2 integration of spring appear strange question
• poj1753
• ubuntu 407 proxy (change)
• Baidu could not open
• cakephp configuration deployment
• Perl's unlink, link, symlink, etc., Dealing with files and directories (change)
• 910 mobile development
• [ExtJS3.2 source one hour a day] ExtJS in a group of utility functions (n)
• C # knowledge, a conclusion _ commissioned articles
• [Android Development] android to deal with out of memory exception