Botian Li*,
Yichi Zhang,
Bo Yan,
Da Xiao,
Xue Zhou,
Junwei Dong and
Qiong Zhou*
Department of Materials Science and Engineering, China University of Petroleum-Beijing, Beijing, 102249, People's Republic of China. E-mail: botian.li@cup.edu.cn; zhouqiong_cn@163.com
First published on 17th February 2020
In this work, an AIE luminogen-based hydrogel with temperature-responsive fluorescence was designed and synthesized. The polymeric hydrogel consisted of a supramolecular network through coordination and ionic interactions. When the temperature was decreased, due to the motion restriction of the polyacrylic acid macromolecular segments and the enhancement in ionic interaction, the hydrogel exhibited a blue-shift in the fluorescence emission peak and increase in the fluorescence intensity, resulting in the visualization of fluorescence changes. The hydrogel network benefitted from non-covalent crosslinking and thus possessed self-healing properties at room temperature with good toughness and resiliency. Therefore, this fluorescent supramolecular hydrogel might be used as a temperature-responsive material.
Aggregation-induced emission (AIE) has been considered as a great discovery worldwide.18–21 According to the mechanism of the restriction of intramolecular motion (RIM) proposed by Tang and coworkers,22 the AIE luminogens with a “propeller-shape” molecular structure exhibit a restricted intramolecular motion in the aggregated state, causing enhancement in the fluorescence emission by the reduction of the nonradiative transition. Recent research has shown that many AIE phenomena rely on surface adsorption, self-assembly, crystallization, polymerization, etc.23–28 Besides, some groups reported the monitoring of the transition temperature by introducing AIE units into polymer chains, which illustrated the potential application of the AIE units as fluorescent probes. For example, Bao et al. developed a sensitive and reliable approach for the detection of the glass transition temperature (Tg) of polymers using tetraphenylethene derivatives as fluorescent sensors;29 Yang and coworkers proposed an efficient method to measure the topology freezing transition temperature (Tv) of a vitrimer by the fluorescence change in the AIE molecules;30 Wang et al. reported enhanced fluorescence emission around the lower critical solution temperature (LCST) by importing the AIE property into the thermo-responsive polymer.31 These studies employed the characteristics of AIE for the indication of the polymer phase transition; however, there are few examples where AIE luminogens are utilized as fluorescent indicators to characterize supramolecular interactions and macromolecular motions without aggregation.
In order to develop the fluorescence indication of AIE in macromolecular dissolved systems, we designed a supramolecular polymeric hydrogel based on ionic interaction and coordination by using tetra(4-(pyridin-4-yl)phenyl) ethylene (TPPE) as the AIE luminogen. The hydrogel not only featured self-healing performance, but also exhibited temperature-responsive fluorescence with thermochromism. This was different from the traditional AIE behavior as the fluorescence response was not induced in the aggregation state of the AIE molecules but in the transparent gel and solution. Therefore, this study might help us to gain a deeper understanding of the details of the polymer chain motion and supramolecular interaction through the fluorescence indication of the AIE luminogen; therefore, the hydrogel might have potential applications as a smart fluorescent material.
Zinc oxide (0.3 g, 3.7 mmol), AMPS (2 g, 9.7 mmol), TPPE (1 mg, 1.56 μmol) were dissolved in deionized water (8 g); the solutions were mixed in a vial and stirred to produce a light-yellow solution. Then, 40 mg of APS was added, and the vial was placed in a 60 °C oven for 8 hours. After the reaction was completed, the vial was taken out, and the formation of the TPPE–PAMPS hydrogel was confirmed by the inversion test.
![]() | ||
Scheme 1 (a) Three-dimensional network structure of hydrogel; (b) non-covalent crosslinker points in hydrogel. |
The TPPE solid showed bright blue fluorescence and had typical AIE characteristics; nevertheless, the absolutely transparent TPPE–PAA hydrogel emitted tender yellow fluorescence under 365 nm UV light (Fig. 1), and the fully dissolved TPPE–PAA solution had exactly the same fluorescence. The yellow fluorescence of the TPPE–PAA hydrogel should be attributed to the characteristic emission spectrum of the TPPE cations due to its larger Stokes shift caused by protonation.32 Notably, herein, the AIE luminogen was emissive in the solution state. Several contrast experiments were designed to explore this anomalous AIE phenomenon. First, by comparing the TPPE acetic acid solution with the TPPE–PAA gel (Fig. S2†), it was found that the TPPE acetic acid solution was hardly fluorescent; only when combined to the macromolecular chain, TPPE could emit strong fluorescence. According to the RIM mechanism, we assumed that the ionic interaction between the TPPE cation and PAA chains (Scheme 1b) constrained the intramolecular motion of TPPE as the adjacent macromolecular anions were less motional.33,34 Second, when a small amount of HCl was added to the TPPE–PAA solution, one could immediately observe that the fluorescence significantly decreased (Fig. S3†). It was reasoned that the increase in the H+ concentration suppressed the ionization of COOH, thus reducing the macromolecular anions; therefore, the protonated TPPE cations could not bond with the polymer chain and consequently, the fluorescence of TPPE diminished with the free intramolecular motion.
![]() | ||
Fig. 2 (a) Fluorescence emission spectra of TPPE–PAA hydrogel and (b) temperature dependency of fluorescence of TPPE–PAA hydrogel under 448 nm UV light. |
To study the fluorescence shift for the TPPE–PAA hydrogel responding to temperature, a contrast test was performed, where 2-acrylamido-2-methylpropane sulfonic acid (AMPS) was used to replace the AA monomer, and the TPPE–PAMPS hydrogel was prepared. In Fig. S4,† under 365 nm UV excitation, the TPPE–PAMPS hydrogel displays similar tender yellow fluorescence, but its color remains unchanged during cooling, implying that the dissociation of the protonated TPPE cations and macromolecular anions plays an important role in the change in fluorescence. Since AMPS is a strong electrolyte, the ion pair of TPPE–PAMPS can largely dissociate in the aqueous solution. However, TPPE–PAA should be assumed as the macromolecular salt of a weak acid and weak base, and the dissociation of this salt in solution is greatly affected by the temperature.35 Being an endothermic process, the dissociation of TPPE–PAA was restrained under cooling, and the ionic interactions between the TPPE cations and PAA anions became stronger, causing a blue-shift in fluorescence.
To evidence the above-mentioned assumption, we introduced methanol as a weak ionizing solvent to regulate the polarity of the solvent and control the dissociation of TPPE–PAA. Intriguingly, a green fluorescent solution was obtained after dissolving dry TPPE–PAA in anhydrous methanol (Fig. 3a). With the addition of H2O, the fluorescent color of the solution changed from green to yellow, and the maximum emission wavelength red-shifted from 532 nm to 543 nm with the fluorescent intensity reduced by half (Fig. 3b and c). The increase in the water content in the mixed solvent could also enhance the solvation of the TPPE–PAA ion pair, promoting the dissociation of the TPPE cations; accordingly, its freer intramolecular motion lowered the fluorescence intensity and increased the maximum emission wavelength.36
Furthermore, 1H NMR analysis was implemented to characterize the electrolytic dissociation at the molecular level. From the clear and strong signal in the 1H NMR spectrum, it is confirmed that TPPE is in the cationic form without aggregation. As shown in Fig. 3d, in anhydrous CD3OD, the protons on the pyridine and benzene rings of TPPE display four signals. After the addition of PAA, the pyridine groups on TPPE were all protonated along with positive charge; due to this, the peaks of aryl H moved to the lower field, wherein the signal of the pyridine meta hydrogen remarkably shifted from 7.69 to 7.83 ppm. After the addition of D2O, the four peaks gradually shifted towards the lower field, and this indicated the increase in the positive charge on protonated TPPE, especially on the pyridine ring. Thus, this evidenced that the COO− anions were dissociated from the TPPE cations when the solvent polarity was increased. Similarly, with the increase in the temperature, the positive charge on the protonated TPPE was enhanced due to the dissociation of COO− according to the result of 1H NMR (Fig. S4†). Meanwhile, TPPE–PAA dissolved in the mixed solvent of MeOH and H2O exhibited the same fluorescence change as the TPPE–PAA hydrogel as heating triggered a red-shift in fluorescence emission and reduction in fluorescence intensity (Fig. S5†).
Moreover, the fluorescence lifetime was determined from the fluorescence decay profile to further investigate the supramolecular interaction on fluorophores. Generally, the lifetime is influenced by the environment of the AIE luminogen; a prolonged fluorescence lifetime reflects a more immobilized state and stronger interactions surrounding the AIE luminogen.37–39 Fig. 4a displays the decay profiles of TPPE–PAA in MeOH and H2O; the average lifetime value (τ) in MeOH (4.31 ns) was longer than that in H2O (2.95 ns). Meanwhile, the decrease in the temperature from 298 K to 278 K resulted in a longer lifetime (3.34 ns) in H2O (Fig. 4b). These findings evidenced that the ionic interaction between TPPE and PAA was enhanced by introducing a low-polarity solvent (MeOH) and cooling.
![]() | ||
Fig. 4 Fluorescence decay curves of (a) TPPE–PAA in MeOH and H2O (298 K) and (b) TPPE–PAA in H2O (298 K and 278 K). |
Based on these results, it was concluded that the blueshift in the fluorescence of the TPPE–PAA hydrogel under cooling was ascribed to the weakening of the dissociation of the macromolecule salts and the strengthening of ionic interactions. The fluorescent color was related to the dissociation of the TPPE–PAA salt, which could be regulated by solvent polarity and temperature.
The deduction presented above could also explain the results that the fluorescence intensity of TPPE–PAA increased as the temperature was decreased (Fig. 1 and 2). On the one hand, the motion of the PAA chain segment was confined under a low temperature;40 thus, the intramolecular motion of TPPE was restricted by the adjacent PAA chain, resulting in fluorescence enhancement. On the other hand, the ionic interactions between PAA and TPPE became stronger under cooling, and this simultaneously restrained the intramolecular motion of TPPE, leading to the increase in fluorescence. Comparatively, the fluorescence intensity of the TPPE–PAMPS hydrogel was lower than that of the TPPE–PAA hydrogel at 293 K (Fig. S4†) because the ionic interactions between TPPE and the PAMPS chain were relatively weak as they were largely dissociated in the solution, resulting in the increase in the motional freedom of TPPE than that in the TPPE–PAA hydrogel. In accordance with some recent studies,27–30 this work showed that the fluorescence enhancement of the AIE luminogen had a close relationship with the macromolecule motion ability and the supramolecular interaction; thus, AIE luminogens might be used as the indicator of the thermo-motion of polymer chains in the solution state.
![]() | ||
Fig. 5 (a) Self-healing of TPPE–PAA hydrogel at room temperature under microscopy; (b) self-healing of spliced hydrogel and stretching-recovery test. |
As shown in Fig. 6a, the recovery test of the gel has been conducted by rheological measurements upon applying alternating strains. When a high strain was applied (500%), the gel was disrupted, as indicated by the lower value of the storage modulus (G′) than that of the loss modulus (G′′). After applying a small strain (0.1%), the recovery of elasticity (G′ > G′′) was observed. This recovery behavior could be repeated in several cycles, demonstrating that the network of the gel was self-healing. Also, the tensile curves of the hydrogel (Fig. 6b) prove the completion of self-healing after 12 h as both the fracture strain and fracture stress of the self-healed hydrogel achieve the original value.
Footnote |
† Electronic supplementary information (ESI) available. See DOI: 10.1039/c9ra10092j |
This journal is © The Royal Society of Chemistry 2020 |