Hi Ryan, I downloaded your code and tried it out. At first it seemed really cool and working out well for the most part. Then I realized that if the user presses the Esc key on the dialog instead of pressing on one of the buttons the user is left with a small square hidden below the dialog (this small square is the activity that launched the dialog). Then you need to press Esc again for it to go away in order to be able to click on the icons in the launcher. I wonder whether you were aware of this glitch with the code you posted.
Regards, John Goche On Mon, Sep 26, 2011 at 10:45 PM, Ryan Mattison <rmattis...@gmail.com>wrote: > Yo John, > > I've made a blog post for you entitled: Android Custom Transparent > Dialog Alarm Style @ http://www.ryangmattison.com/ > > It is clearly formatted there, I'll also include it below: > > Running out of topics to blog about, so I'm going to randomly select > questions off the Android Developer boards. There was a UI question > today: > > > > Hello, > > I would like to know whether it is somehow possible > to create a popup window which does not take up the > whole display area. I am asking because I need to display > a message when an alarm expires but do not want to resort > to notifications because they seem to be squished in the top > right corner of the phone and I think would make it hard to turn > an alarm off it it were a notification. On the other hand bringing > up an entire window could obfuscate other applications. I guess > there is nothing like HP/Palm webOS's notification mechanism > on android (there you can pop up a window and the users can > still keep on interacting with whatever app they were using or > close the popup window)jQuery152008387357299216092_1317069193779? > > Regards, > > John Goche > > http://groups.google.com/group/android-developers/msg/debed653b314232f > > > > I assume he means something like this, > > > > > > To implement something like this, first you'll need to create some > themes - these are to be saved in styles.xml: > > > > <?xml version="1.0" encoding="utf-8"?> > <resources> > > <drawable name="transparent_background">#00FFFFFF</drawable> > <drawable name="translucent_background">#aa000000</drawable> > > <style parent="android:Theme" > name="Theme.CompletelyTransparentWindow"> > <item name="android:windowIsTranslucent">true</item> > <item name="android:windowAnimationStyle">@null</item> > <item name="android:windowBackground">@drawable/ > transparent_background</item> > <item name="android:windowNoTitle">true</item> > <item name="android:backgroundDimAmount">0.0</item> > </style> > > <style name="Theme.ProgressDialog" > parent="android:style/Theme.Translucent.NoTitleBar"> > <item name="android:windowNoTitle">true</item> > <item name="android:windowIsTranslucent">true</item> > <item name="android:windowAnimationStyle">@null</item> > <item name="android:windowBackground"> > @drawable/translucent_background > </item> > <item name="android:backgroundDimAmount">0.0</item> > </style> > > > <style name="Theme.CustomDialog" > parent="android:style/Theme.Dialog"> > <item name="android:windowNoTitle">true</item> > <item name="android:windowIsTranslucent">true</item> > <item name="android:windowAnimationStyle">@null</item> > <item name="android:backgroundDimAmount">0.3</item> > <item name="android:textAppearanceLarge"> > @style/TextAppearance > </item> > <item name="android:textAppearanceMedium"> > @style/TextAppearance > </item> > <item name="android:textAppearanceSmall"> > @style/TextAppearance > </item> > </style> > > > <style name="TextAppearance"> > <item name="android:textColor">#FFFFFFFF</item> > <item name="android:textColorHighlight">#FF1B82EB</item> > <item name="android:textColorHint">#5C5CFF</item> > <item name="android:textColorLink">#5C5CFF</item> > <item name="android:textSize">13sp</item> > <item name="android:textStyle">normal</item> > </style> > > </resources> > You'll want to edit the manifest, so the Alarm popup activity themes > to not have a background - notice the Theme.CustomDialog > > > > > <activity android:name=".TransparentDialogActivity" > android:theme="@style/Theme.CustomDialog" > android:label="@string/app_name"> > <intent-filter> > <action android:name="android.intent.action.MAIN" /> > <category > android:name="android.intent.category.LAUNCHER" /> > </intent-filter> > </activity> > Next, you'll want to create a custom control that makes custom popups > really easy to work with, first the XML for a two button popup. I > have this title twobuttonpopupdialog.xml > > > <?xml version="1.0" encoding="utf-8"?> > <LinearLayout xmlns:android="http://schemas.android.com/apk/res/ > android" > android:layout_width="match_parent" > android:layout_height="wrap_content" > android:orientation="vertical"> > > <TextView android:id="@+id/twobuttondialog_title" > android:typeface="sans" android:gravity="center_horizontal| > top" > android:paddingTop="10dip" android:paddingLeft="10dip" > android:paddingRight="10dip" android:paddingBottom="10dip" > android:layout_width="wrap_content" > android:layout_height="wrap_content" /> > <LinearLayout android:layout_width="match_parent" > android:minWidth="260dip" android:layout_height="match_parent" > android:gravity="center_horizontal|bottom" > android:orientation="horizontal" > android:paddingTop="16dip" android:paddingBottom="8dip"> > > <LinearLayout android:layout_width="match_parent" > android:layout_weight=".5" > android:layout_height="wrap_content"> > > <Button android:id="@+id/twobuttondialog_button_one" > style="?android:attr/buttonStyleSmall" > > android:layout_width="match_parent" > android:layout_height="match_parent" /> > > </LinearLayout> > > <LinearLayout android:layout_width="match_parent" > android:layout_weight=".5" > android:layout_height="wrap_content"> > > <Button android:id="@+id/twobuttondialog_button_two" > style="?android:attr/buttonStyleSmall" > android:layout_width="match_parent" > android:layout_height="match_parent" /> > > </LinearLayout> > > </LinearLayout> > </LinearLayout> > To simplify coding in the future and keep everything consistent, it is > nice to follow the Android developers code style and create a class to > work with this. I titled this, TwoButtonDialog.java > > > > import android.app.Dialog; > import android.content.Context; > import android.text.util.Linkify; > import android.view.View; > import android.view.View.OnClickListener; > import android.widget.Button; > import android.widget.TextView; > > > public class TwoButtonDialog > { > > private Dialog twoButtonDialog; > private Button buttonOne; > private Button buttonTwo; > private TextView message; > > public TwoButtonDialog(Context mCtx) > { > twoButtonDialog = new Dialog(mCtx, > R.style.Theme_CustomDialog); > > twoButtonDialog.setContentView(R.layout.twobuttonpopupdialog); > > buttonOne = > (Button)twoButtonDialog.findViewById(R.id.twobuttondialog_button_one); > buttonTwo = > (Button)twoButtonDialog.findViewById(R.id.twobuttondialog_button_two); > message = > (TextView)twoButtonDialog.findViewById(R.id.twobuttondialog_title); > } > > public void showTwoButtonDialog(String buttonOneMessage, String > buttonTwoMessage, String Message, boolean linkify, > final onTwoButtonDialogShow commands) > { > buttonOne.setText(buttonOneMessage); > buttonTwo.setText(buttonTwoMessage); > message.setText(Message); > twoButtonDialog.show(); > > > buttonOne.setOnClickListener(new OnClickListener() > { > public void onClick(View arg0) > { > if (commands != null) commands.onButtonOneClicked(); > twoButtonDialog.dismiss(); > } > }); > > buttonTwo.setOnClickListener(new OnClickListener() > { > public void onClick(View arg0) > { > if (commands != null) commands.onButtonTwoClicked(); > twoButtonDialog.dismiss(); > } > }); > > if(linkify) > { > Linkify.addLinks(message, Linkify.WEB_URLS); > } > } > > public interface onTwoButtonDialogShow > { > void onButtonOneClicked(); > void onButtonTwoClicked(); > } > > > } > Now, to tie it all together whenever you want to use the popup you can > call the show snippet in the following snippet. This activity > TransparentDialogActivity was also setup to be transparent in the > Android Manifest, so it'll appear see through as the alarm activity > does. > > > public class TransparentDialogActivity extends Activity { > /** Called when the activity is first created. */ > > Context _context; > > @Override > public void onCreate(Bundle savedInstanceState) { > super.onCreate(savedInstanceState); > > _context = this; > > > TwoButtonDialog tbd = new TwoButtonDialog(this); > > tbd.showTwoButtonDialog("Off", "Snooze", "Take Alarm Action", > false, new onTwoButtonDialogShow(){ > > @Override > public void onButtonOneClicked() { > Toast.makeText(_context, "Off Button Pressed", > Toast.LENGTH_LONG).show(); > finish(); > } > > @Override > public void onButtonTwoClicked() { > Toast.makeText(_context, "Snooze Button Pressed", > Toast.LENGTH_LONG).show(); > finish(); > }}); > > > } > Thanks for reading, if you found this helpful - please follow one of > the social networks above for future original tutorials. > > To those that have been stealing my tutorials & open source and > posting it as their own, please don't follow! > > > Be the first to rate this post > 12345 > Tags: Alarm Dialog, Transparent Popup, Custom Dialog, Android, Ryan > Mattison, UX, User Interface, Learning Android, Android Tutorials > > Thanks, > > Ryan Mattison > > On Sep 26, 1:37 pm, John Goche <johngoch...@googlemail.com> wrote: > > Hello, > > > > I would like to know whether it is somehow possible > > to create a popup window which does not take up the > > whole display area. I am asking because I need to display > > a message when an alarm expires but do not want to resort > > to notifications because they seem to be squished in the top > > right corner of the phone and I think would make it hard to turn > > an alarm off it it were a notification. On the other hand bringing > > up an entire window could obfuscate other applications. I guess > > there is nothing like HP/Palm webOS's notification mechanism > > on android (there you can pop up a window and the users can > > still keep on interacting with whatever app they were using or > > close the popup window)??? > > > > Regards, > > > > John Goche > > -- > You received this message because you are subscribed to the Google > Groups "Android Developers" group. > To post to this group, send email to android-developers@googlegroups.com > To unsubscribe from this group, send email to > android-developers+unsubscr...@googlegroups.com > For more options, visit this group at > http://groups.google.com/group/android-developers?hl=en > -- You received this message because you are subscribed to the Google Groups "Android Developers" group. To post to this group, send email to android-developers@googlegroups.com To unsubscribe from this group, send email to android-developers+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/android-developers?hl=en
