{"id":10381,"date":"2014-06-10T15:01:58","date_gmt":"2014-06-10T12:01:58","guid":{"rendered":"http:\/\/examples.javacodegeeks.com\/?p=10381"},"modified":"2014-06-10T15:01:58","modified_gmt":"2014-06-10T12:01:58","slug":"android-textview-example","status":"publish","type":"post","link":"https:\/\/examples.javacodegeeks.com\/android\/core\/widget\/textview\/android-textview-example\/","title":{"rendered":"Android TextView Example"},"content":{"rendered":"

Android system provides us TextView<\/code><\/a>, from where we can display text into the screen. Although it contains text editing operations, the basic class does not allow editing, so EditText<\/code> class is provided for this reason.<\/p>\n

In this example we are going to show you some commonly used TextView<\/code> attributes and how to embody and handle a TextView<\/code> in our Android apps.<\/p>\n

For this tutorial, we will use the following tools in a Windows 64-bit platform:<\/p>\n

    \n
  1. JDK 1.7<\/li>\n
  2. Eclipse 4.2 Juno<\/li>\n
  3. Android SDK 4.4<\/li>\n<\/ol>\n
    Tip<\/strong>
    You may skip project creation and jump directly to the     beginning of the example<\/strong><\/a> below.<\/div>\n

    1. Create a New Android Application Project<\/h2>\n

    Open Eclipse IDE and go to File \u2192 New \u2192 Project \u2192 Android Application Project.<\/p>\n

    Fill in the name of the application, the project and the package in the appropriate fields and then click Next.<\/p>\n

    \"<\/a><\/p>\n

    In the next window, the \u201cCreate Activity\u201d option should be checked. The new created activity will be the main activity of your project. Then press Next button. <\/p>\n

    \"align="center"\"<\/a><\/p>\n

    In \u201cConfigure Launcher Icon\u201d window you should choose the icon you want to have in your app. We will use the default icon of android, so click Next. <\/p>\n

    \"align="center"\"<\/a><\/p>\n

    Select the \u201cBlank Activity\u201d option and press Next.<\/p>\n

    \"align="center"\"<\/a><\/p>\n

    You have to specify a name for the new Activity and a name for the layout description of your app. The .xml file for the layout will automatically be created in the\u00a0res\/layout<\/code>\u00a0folder. Finally, press Finish. <\/p>\n

    \"align="center"\"<\/a><\/p>\n

    Now that the project is created, you can see the final structure of the project in the image below.

    <\/div> <\/div><\/p>\n

    \"align="center"\"<\/a><\/p>\n

    2. Create the layout of the Main Activity<\/h2>\n

    In this example we are going to create a simple UI, that includes only TextView<\/code> with different attributes.<\/p>\n

    Open\u00a0res\/layout\/main_activity.xml<\/code>, go to the respective xml tab and paste the following. <\/p>\n

    main_activity.xml:<\/u><\/em><\/p>\n

    \r\n<RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\r\n    android:layout_width=\"match_parent\"\r\n    android:layout_height=\"match_parent\"\r\n    android:paddingBottom=\"@dimen\/activity_vertical_margin\"\r\n    android:paddingLeft=\"@dimen\/activity_horizontal_margin\"\r\n    android:paddingRight=\"@dimen\/activity_horizontal_margin\"\r\n    android:paddingTop=\"@dimen\/activity_vertical_margin\"\r\n    tools:context=\".MainActivity\" >\r\n\r\n    <TextView\r\n        android:layout_width=\"wrap_content\"\r\n        android:layout_height=\"wrap_content\"\r\n        android:id=\"@+id\/text1\"\r\n        android:text=\"@string\/hello_world\"\r\n        android:textStyle=\"bold\"\r\n        android:textColor=\"#ff00ff\"\r\n        android:background=\"#00ff00\"\r\n        android:textColorHighlight=\"#000000\"\r\n        android:textIsSelectable=\"true\" \/>\r\n    \r\n    <TextView\r\n        android:layout_width=\"fill_parent\"\r\n        android:layout_height=\"wrap_content\"\r\n        android:layout_below=\"@+id\/text1\"\r\n        android:layout_marginTop=\"10dp\"\r\n        android:paddingLeft=\"10dp\"\r\n        android:lines=\"2\"\r\n        android:id=\"@+id\/text2\"\r\n        android:clickable=\"true\"\r\n        android:text=\"Another TextView\"\r\n        android:autoLink=\"all\"\r\n        android:fontFamily=\"Arial\"\r\n        android:typeface=\"serif\"\r\n        android:textSize=\"20sp\" \/>\r\n\r\n<\/RelativeLayout>\r\n<\/pre>\n
    Now lets explain the code above and the specific attributes that we defined in the XML file. It is worth to mention that the respective functions exist too, so we can call them in the activity source code in order to change the characteristics of the view.<\/p>\n