<h3>Useful Links</h3><div>LiveView SDK 1.01 And Code Sample</div><div>
</div><div>LiveView Devel Tutorial
LiveView Offical Page</div><div>
</div><h3>Tutorial</h3><ul><li>Use method sendTextBitmap from PluginUtils:</li></ul><pre style="background-image: URL(http://2.bp.blogspot.com/_z5ltvMQPaa8/SjJXr_U2YBI/AAAAAAAAAAM/46OqEP32CJ8/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"> PluginUtils.sendTextBitmap(mLiveViewAdapter, mPluginId, text, bitmapSizeX, fontSize); </pre>
It work’s but it will put the text in the center of the liveview, but what if you want to put text in new lines? this will not work. To do this you have to create a bitmap (you can make a beauty background image with size 128x128, see liveview tutorial pdf)
<ul><li>Create an empty bitmap and add text to it:</li></ul><pre style="background-image: URL(http://2.bp.blogspot.com/_z5ltvMQPaa8/SjJXr_U2YBI/AAAAAAAAAAM/46OqEP32CJ8/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;">// Create empty bitmap (background</pre><pre style="background-image: URL(http://2.bp.blogspot.com/_z5ltvMQPaa8/SjJXr_U2YBI/AAAAAAAAAAM/46OqEP32CJ8/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;">Bitmap.Config conf = Bitmap.Config.RGB_565; // see other conf types </pre><pre style="background-image: URL(http://2.bp.blogspot.com/_z5ltvMQPaa8/SjJXr_U2YBI/AAAAAAAAAAM/46OqEP32CJ8/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;">
Bitmap bitmap = Bitmap.createBitmap(PluginConstants.LIVEVIEW_SCREEN_X,
PluginConstants.LIVEVIEW_SCREEN_Y, conf); // this creates a MUTABLE bitmap // Create canvas with background bitmap </pre><pre style="background-image: URL(http://2.bp.blogspot.com/_z5ltvMQPaa8/SjJXr_U2YBI/AAAAAAAAAAM/46OqEP32CJ8/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;">Canvas canvas = new Canvas(bitmap); </pre><pre style="background-image: URL(http://2.bp.blogspot.com/_z5ltvMQPaa8/SjJXr_U2YBI/AAAAAAAAAAM/46OqEP32CJ8/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;">// Define text to send</pre><pre style="background-image: URL(http://2.bp.blogspot.com/_z5ltvMQPaa8/SjJXr_U2YBI/AAAAAAAAAAM/46OqEP32CJ8/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;">
String text = "This text"; // Create Paint with colors, textsize and centered</pre><pre style="background-image: URL(http://2.bp.blogspot.com/_z5ltvMQPaa8/SjJXr_U2YBI/AAAAAAAAAAM/46OqEP32CJ8/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;">
Paint paint = new Paint();
paint.setColor(Color.WHITE);
paint.setTextSize(20); // Text Size
paint.setTypeface(Typeface.SANS_SERIF);
paint.setShadowLayer(5.0f, 1.0f, 1.0f, Color.rgb(255, 230, 175));
paint.setAntiAlias(true);
paint.setTextAlign(Align.CENTER); // Draw text centered with created paint on canvas </pre><pre style="background-image: URL(http://2.bp.blogspot.com/_z5ltvMQPaa8/SjJXr_U2YBI/AAAAAAAAAAM/46OqEP32CJ8/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;">
canvas.drawText(text, (PluginConstants.LIVEVIEW_SCREEN_X - text.length()) / 2, 40, paint); // Send bitmap with new text to liveview</pre>
PluginUtils.sendScaledImage(mLiveViewAdapter, mPluginId, bitmap);
<ul><li>Send text with background image (depends on the app you will want to show some images or some lines and design…). You need to change The first two lines of code of last example to change the empty bitmap to a bitmap from resources:</li></ul><pre style="background-image: URL(http://2.bp.blogspot.com/_z5ltvMQPaa8/SjJXr_U2YBI/AAAAAAAAAAM/46OqEP32CJ8/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;">InputStream is = this.getResources().openRawResource(id); </pre>
Bitmap background = BitmapFactory.decodeStream(is).copy(Bitmap.Config.RGB_565, true);
<h3>Notes</h3>
<ul><li>Colos of the bitmap must have RGB_565 colors (check LiveView SDK Documentation)</li></ul>
read